禁止缩放无法生效

来源:2-3 viewport配置

兵符

2018-08-27 22:51

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

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

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

写回答 关注

2回答

  • 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-28 11:43:31

    共 2 条回复 >

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

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

    三少爷丶

    老师你好,我这边手势也设置了,但是依然可以缩放,使用的是UC浏览器

    2019-07-12 15:38:56

    共 2 条回复 >

快速入门Web阅读器开发

带你了解电子书阅读器的工作原理,通过Vue.js快速实现Web阅读器

26396 学习 · 214 问题

查看课程

相似问题