【项目复盘Vue2-移动端】IOS使用Vant表单组件输入框获取焦点后放大页面，安卓软键盘遮挡问题

一、IOS使用Vant表单组件输入框获取焦点后放大页面问题

使用Vue+Vant做的移动端项目，在登录界面使用Vant的表单组件van-input时发现在真机测试IOS会出现获取焦点输入时会撑大原页面的宽度，每一个输入框获取到焦点就会页面就会放大一点点，需要双指缩放才能回到原来的比例。

经过一番百度后发现：

在移动端开发项目中，发现页面在使用 iPhone 访问的时候，点击 input 和 textarea 等文本输入框聚焦 focus() 时，页面会整体放大，而且失去焦点之后页面不能返回原来的样子。
手指双击页面时候也会放大
检查了下，功能上没有什么大问题，但是页面会整体放大，而且失去焦点之后页面不能返回原来的样子。用户体验不好
最后找到原因：苹果觉得点击输入框放大是一个“很好”的体验，就擅自把页面给放大了

原文链接：IOS移动端，表单input聚焦时页面放大的解决办法_祈澈菇凉的博客-CSDN博客

解决方法也是参考原po，在public/index.html文件加上

<meta name="apple-mo