【ios移动端 点击input输入框页面放大】

问题原因：

在移动端开发H5项目中ios，页面在使用input或者textarea等文本输入框聚焦的时候，页面会整体放大，失焦的时候页面不会调整过来。页面放大后，会出现横向滚动条。页面左右晃动

解决方案：

在index.HTML中增加meta标签

 // 允许全屏浏览 只对iphone手机生效
   <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />

含义

• initial-scale 初始的缩放比例
• minimum-scale 允许用户缩放的最小比例
• maximum-scale 允许用户缩放最大的比例
• user-scalable 用户是否可以手动缩放