移动端 ios 页面禁用缩放

最常用的是 meta 标签

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

但是 ios10 中是失效的,然而难不倒我们耿直的程序猿。我们大可自己定义方法,阻止缩放的事件操作

document.documentElement.addEventListener('touchstart', function (event) {
  if (event.touches.length > 1) {
    event.preventDefault();
  }
}, false);

 

posted @ 2018-05-16 21:53  晨の风  阅读(1619)  评论(0编辑  收藏  举报