iOS Safari - 禁用捏縮放選項

Question

我有縮放問題。 我想阻止捏合以放大 HTML 元素上的 Mobile Safari。 我使用腳本來防止瀏覽器的默認行為，它對於正常的捏合工作正常，但是當我用一根手指開始滾動並稍后添加第二個並捏住 Safari 時，它仍在縮放頁面...

有誰知道如何阻止這種縮放？

我正在使用畫布創建手機游戲，並在消息窗口中使用 HTML，因此請不要寫出出於可訪問性原因阻止縮放是一個壞主意。

防止縮放的代碼：

document.addEventListener("touchmove", function(event) {
  event = event.originalEvent || event;

  if(event.touches.length > 1 || event.scale > 1) {
    event.preventDefault();
  }
}, false);

更新：

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

此元標記不起作用，因為 Apple 自 iOS 10 起因可訪問性原因在 Mobile Safari 中禁用它

Answer 1

你能測試一下嗎？

document.documentElement.addEventListener('touchmove', function (event) {
    event.preventDefault();
}, false);