H5页面在移动端点击输入框页面会放大

问题原因

html未标识移动端元信息是否进行缩放处理,可选值为yes和no。一般情况下,不需要对页面进行缩放处理,因此取值为no

解决方法

直接在html中添加

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

如果在vue项目中,一般是在 public 文件夹下的 index.html 当中添加

你可能感兴趣的:(前端)