继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">
版权声明：本文为JiaoKunGe原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。