美文网首页
Vue项目中,如何禁止页面的缩放

Vue项目中,如何禁止页面的缩放

作者: 遗步看风景 | 来源:发表于2021-02-02 17:21 被阅读0次

    如果需要禁止页面的缩放,需要在vue项目中做如下更改:

    #index.html
    <html lang="">
      <head>
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
        ...
      </head>
    ...
    </html>
    
    # App.vue
    <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项目中,如何禁止页面的缩放

          本文链接:https://www.haomeiwen.com/subject/qviytltx.html