Question

我有缩放问题。我想阻止捏缩放HTML元素的移动Safari。我使用脚本来防止浏览器的默认行为，它正常工作正常捏，但当我开始用一根手指滚动，然后添加第二个和捏safari stil缩放页面...

有谁知道如何阻止这种缩放？

我正在使用画布创建移动游戏并使用HTML进行消息窗口，所以请不要写出因为可访问性原因而阻止缩放是一个坏主意。

防止缩放的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-nav">
  <div class="first">first
  </div>
  <div class="sec">sec
  </div>
  <div class="rd">rd
  </div>
  <div class="fth">fth
  </div>
  <div class="fvth">fvth
  </div>
</div>

更新：

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

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

此元标记不起作用，因为苹果自iOS 10以来在移动设备中禁用它，直至可访问性原因

Answer 1

你能测试吗？

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

iOS Safari - 禁用双指缩放选项

1 个答案: