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

标签 javascript android html css mobile-website

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

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

最佳答案

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

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

这会阻止您的页面放大。

关于javascript - 如何解决移动网站 map 缩放和页面缩放冲突?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11273323/

相关文章:

javascript - 使用javascript jquery将html附加到具有指定类的按钮最接近的div

javascript - 单击按钮时将 div 元素添加到数组

javascript - D3.js zoomTo 指向二维 map (投影)

javascript - 在 JS 循环中动态创建 JSON 键

Javascript - 根据 URL 显示测验问题

javascript - 为什么 toString() 在 ng-model 属性中不起作用?

java - 如何在 ArrayList 中搜索相似之处

java - 调用使用 HashMap 作为参数的 Java 方法

java - 我的问题是为什么按下按钮时我输入的文本不会显示在另一个 TextView 中?

css - html 在 IE 中的 div 之间不需要的空间,但在 chrome 中没有