Question

似乎：

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

在iOS 10更新后，

...已停止在移动Safari上工作。

有没有办法再次禁用pinch2zoom？

请不要回答“不要这样做，过时的可访问性gyan以及滚动如何为网络工作”，因为你不了解我的用户或我的需求，我不希望这个线程成为现实旧学校网络开发人员和新一代人之间的另一场激烈战争。

我很高兴使用JavaScript在全站点禁用pinch2zoom。

Answer 1

对于tap事件：

document.addEventListener('touchmove', event => {
  if (event.scale !== 1) { event.preventDefault() }
}, false)

对于doubletap事件：

let lastTouchEnd = 0;
document.addEventListener('touchend', event => {
  const now = (new Date()).getTime()
  if (now - lastTouchEnd <= 300) event.preventDefault()
  lastTouchEnd = now
}, false)

对此answer进行了解释。

如何在iOS 10 Safari上的网页上禁用pinch2zoom？

1 个答案: