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

Question

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

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

Answer 1

这可以通过使用手势来完成，events.You可以调用touchstart事件，然后调用

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

这会阻止您的页面放大。