如何解决手机网站地图缩放和页面缩放冲突？

Question

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

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

Answer 1

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

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

这会阻止您的页面放大。