移动端h5页面双击比例失调

继android外接h5网页后，发现一个我百思不得“其姐”的bug，即快速双击页面（任意页面，任意位置）时，界面比例放大失调，且无法恢复。


一开始我还以为我页面基础布局出现了问题，于是把代码从头到尾检查了个遍，然而依我写了n年的css代码经验来看，并未发现有什么问题，于是抱着试一试的心里，在浏览器下全屏运行，发现这个问题消失了！！！这才依稀想起原来浏览器是有双击放大缩小功能的，只是现在不怎么使用此功能了，且随着vue的全面普及，易被忽略，要解决此问题十分简单，只需在html代码头部添加如下代码即可：

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

vue框架需在public目录下的index.html中添加该代码，且我特意看了vue各大框架，除了uni-app，其它基本都有此问题，源码如下：

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