ios - 在 IOS 13 Safari 上禁用捏缩放

Question

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

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

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

这是我的网页，因此您可以准确地看到我在说什么。我希望你能明白为什么禁用视口(viewport)缩放(至少当用户在 map 上捏捏时)实际上对可访问性有好处。

https://www.yapms.com/app/?t=USA_2020_presidential

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

Answer 1

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

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

资源: disable viewport zooming iOS 10+ safari?

有关此问题的详细说明，请参阅 Casper Fabricius 的回答