在 IOS 13 safari 上禁用双指缩放

Question

我知道这个问题被问了很多。但是，在最新版本的 safari 上是否有任何关于能够禁用捏合缩放的更新？

我有一个地图应用程序，它实现了缩放以放大网页（地图）的特定元素。我希望用户能够放大地图，而页面周围的 UI 保持不变。这破坏了我在 IOS 上的用户体验。

有没有办法至少禁用捏合以放大特定元素？

这是我的网页，所以你可以确切地看到我在说什么。我希望您能明白为什么禁用视口缩放（至少当用户在地图上捏合时）实际上对可访问性有益。

更多信息：我已经在使用hammerjs 来放大网页上的特定元素，所以我想在这些元素上禁用苹果视口缩放。

Answer 1

所有 JavaScript 解决方案都不适合我。我为解决 IOS 上的问题所做的是将以下 CSS 添加到我想要阻止默认缩放操作的每个元素。

touch-action: none;

Answer 2

也许文档上的这个事件监听器会有所帮助

document.addEventListener('touchmove', function (event) {
  if (event.scale !== 1) { event.preventDefault(); }
}, { passive: false });

请参阅 Casper Fabricius 回答以获取有关此内容的详细说明