问答详情
源自:2-3 viewport配置

禁止缩放无法生效

禁用客户端的放大缩小无法生效, 有没有和我一样的同学呢

https://img4.mukewang.com/5b840a800001e00a07750164.jpg

https://img1.mukewang.com/5b840f2b0001e0bd10802060.jpg

提问者:兵符 2018-08-27 22:51

个回答

  • Sam
    2018-08-28 09:40:53
    已采纳

    你好,对于Safari浏览器来说,无法通过meta属性限制其缩放,可以在App.vue中添加如下代码,实现缩放禁止,主要原理是:禁止两指以上的触摸事件(因为缩放需要两指操作),禁止手势事件的识别

    window.onload = function() {
      document.addEventListener('touchstart', function(event) {
        if (event.touches.length > 1) {
          event.preventDefault()
        }
      })
      document.addEventListener('gesturestart', function(event) {
        event.preventDefault()
      })
    }


  • Sam
    2018-08-27 23:15:28

    你好,请问使用的是什么浏览器?