javascript - 如何解决移动网站 map 缩放和页面缩放冲突？

Question

我有一个在 Google map 上显示混搭的网站。当我尝试在移动网络浏览器上放大 map 时，大多数情况下页面会缩放。是否有 HTML、CSS 或 javascript 方法可以阻止页面在我的手指触摸 map 时缩放？

我试过了 <meta name='viewport' content='user-scalable=no'> ，但这也会阻止 map 缩放。

Answer 1

这可以通过使用手势事件来完成。您可以调用touchstart事件，然后调用

e.originalEvent.preventDefault();  //if you are using JQuery

这会阻止您的页面放大。