看起来:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
…在iOS 10更新后已停止在移动Safari上运行。

有没有办法再次禁用pinch2zoom?



我很高兴使用JavaScript在整个网站上禁用pinch2zoom。

最佳答案

对于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进行了说明。

关于javascript - 如何在iOS 10 Safari的网页上禁用pinch2zoom?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39645940/

10-12 12:57
查看更多