Vue 移动端禁止页面放大缩小

2024年4月14日 78次阅读 来源: fuf_xyxnxss

安卓：

在 index.html 中添加 meta 标签。

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=0">

IOS：

在 src / app.vue 中 script 标签内添加代码。

<script>
window.onload = function() {
    document.addEventListener('touchstart', function(event) {
      if (event.touches.length > 1) {
        event.preventDefault()
      }
    })
    document.addEventListener('gesturestart', function(event) {
      event.preventDefault()
    })
  }
</script>
    原文作者：fuf_xyxnxss
    原文地址: https://blog.csdn.net/fufu_dclt/article/details/105137041
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞