IOS浏览器点击input时， 页面自动放大

IOS浏览器点击input时， 页面自动放大, 失去焦点时需手动缩放回原来的大小，并不能自动变成原来的大小。转载

这是因为在移动端自适应宽度的代码中，没有把input的自动缩放关闭！一般常见于苹果手机的ios系统，而安卓系统似乎是默认关闭。

input框自动放大，虽然说有便于用户的输入和阅读，但也同时给用户带来了视觉的麻烦，所以一般情况下，我们都是选择关闭自动缩放的！

那么该如何关闭input输入框在手机端的这个缩放效果呢？

解决：

1. 找到你的html文件，替换head中的mate标签
   <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

• width=device-width ：表示宽度是设备屏幕的宽度
• height=device-height ：表示高度是设备屏幕的高度
• initial-scale ：初始的缩放比例
• minimum-scale ：允许用户缩放到的最小比例
• maximum-scale ：允许用户缩放到的最大比例
• user-scalable ：用户是否可以手动缩放