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

原文链接:https://blog.csdn.net/fufu_dclt/article/details/105137041

安卓:

在 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>

你可能感兴趣的:(vue+elementui,vue.js,javascript,前端)