手机上的Safari / Chrome 浏览器自动zoom in

最近测试提了一个bug：

　　在手机上的Safari / Chrome 浏览器上运行web 应用，当用户focus到input 框里面时，此时页面会自动zoom in.

 

思路： 如何阻止页面自动zoom in 呢？

 

解决方案：在应用的index.html 里面添加 maximum-scale=1

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 

参考文档： 这里有三种可行的方案