失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > H5页面iphone(苹果)手机点击输入框输入内容时页面自动放大

H5页面iphone(苹果)手机点击输入框输入内容时页面自动放大

时间:2022-04-29 05:29:11

相关推荐

H5页面iphone(苹果)手机点击输入框输入内容时页面自动放大

问题:

H5页面,iPhone手机点击input搜索框,输入内容时,页面会自动放大。

解决:

方法一:

html文件中 加上移动端元信息

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

方法二:

浏览器也许认为,只有input/textarea中的字体大于等于 16px 时用户才能看得清楚。

所以可以通过设置字体大小来阻止页面放大:

input, input:focus,textarea, textarea:focus,select, select:focus {font-size: 16px !important;}

总结:苹果手机好像有点击输入框自动放大的功能,认为这样用户体验好。我觉得起作用的地方,主要在于"user-scalable=no"禁止页面手动缩放使得不能缩放,这样在苹果手机上就不会自动放大了。

如果觉得《H5页面iphone(苹果)手机点击输入框输入内容时页面自动放大》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。