如何解决移动网站上的地图缩放和页面缩放冲突

Question

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

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

Answer 1

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

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

这会阻止您的页面放大。