【IOS】iPhone手机点击input, 输入内容时, 页面会自动放大

1,865 阅读1分钟

问题:

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

解决:

方法一:

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

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

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