iso10 禁止页面缩放问题

曾经的曾经我们用<meta name=“viewport” content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> 就ok了。

现在我们只能通过事件处理这个问题

禁用手指双击缩放：

var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
  var now = Date.now();
  if (now - lastTouchEnd <= 300) {
    event.preventDefault();
  }
  lastTouchEnd = now;
}, false);

禁用双指缩放：

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

 

原文地址：http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari