                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /快速入门Web阅读器开发

禁止缩放无法生效

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

兵符

2018-08-27

源自：快速入门Web阅读器开发 2-3

关注问题我要回答

4417

操作

收起

2 回答

Sam 回答被采纳 +2 积分
2018-08-28

你好，对于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()
  })
}