移动端：vue项目禁止页面进行缩放

原创于 2021-12-24 14:24:38 发布 · 3.2k 阅读

CC 4.0 BY-SA版权

文章标签：

9 篇文章

订阅专栏

5 篇文章

订阅专栏

本文介绍了一种防止iOS设备在双击屏幕或聚焦输入框时放大页面的方法。通过在index.html中加入特定元标签，可以确保页面保持原始缩放级别。

做移动端的小伙伴们可能会遇到一个问题，在ios设备上双击屏幕或者定位到输入框的时候页面会明显放大了一些，解决方法如下：

在项目的 index.html 文件下添加下面这行代码实现页面禁止缩放

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