Vue 手机端禁止输入框聚焦放大页面

手机端页面聚焦输入框时,部分浏览器会局部放大界面,可能会影响体验,解决方式如下

实现方式

  1. 在项目根目录找到 index.html
  2. 在页面的 <meta/> 标签最后添加 user-scalable=no 即可
1
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">