IOS系统中input标签获取焦点页面会放大的问题

IOS系统中input标签获取焦点页面会放大的问题

在iOS系统中打开网页，input框输入时，输入框获取焦点的时候页面会放大，如果没有经过设置，页面放大之后就不会自动还原。使内容撑开浏览器，底部产生左右滑动的滚动条，相当恶心。

原因：
没有禁止页面缩放。

解决：
在html文件的head标签中加入下面代码。

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

听说这个方法可能不会百分百生效（iPhone X、iPhone 8 Plus自测还未发现不生效的情况，有需要的大佬自行验证其他机型）

如果对你有帮助，记得点个赞噢（~~）