javascript - 在 Microsoft 平板电脑/触摸屏显示器上使用 mozilla firefox 禁用默认捏合缩放

标签 javascript jquery html css mozilla

好吧,我的要求是在所有设备/所有浏览器中缩放和平移 svg。我已经使用 panzoom.js 实现了它。

现在,我在平板电脑和 Windows 触摸屏显示器中遇到了 Mozilla firefox 的问题。当我尝试捏和缩放 svg 时。它不会捕获我的事件,而是捕获浏览器事件并使用浏览器缩放和缩放整个页面。

我已经尝试了以下步骤: 我在 html 的头部添加了这个元标记。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

我还尝试了以下适用于 IE 11 和 IE edge 的属性。

touch-action:none;

在 Mozilla 中没有任何工作。

我需要禁用浏览器缩放,以便我可以实现我的功能。

提前致谢!

最佳答案

试试这个:

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,user-scalable=no,minimal-ui,minimum-scale=1.0,maximum-scale=1.0">

关于javascript - 在 Microsoft 平板电脑/触摸屏显示器上使用 mozilla firefox 禁用默认捏合缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39846466/

相关文章:

javascript - Protractor :If 语句如果元素包含特定文本

javascript - 如何避免在 jQuery 中重复 .getJSON 代码

javascript - JQuery 单击时没有任何操作

javascript - 在移动设备上的 pageshow() 事件上使用 jcarousel 框架时延迟几秒

javascript - 开源 Linux Acrobat Javascript 编辑器

javascript - Identity Toolkit 无法工作 - 错误代码 : Bad response from IDP

javascript - 将 "id"传递给 Controller ​​并传递给 JavaScript

javascript - Bootstrap Modal block 选择元素

html - 如何按列拆分 html 表格以进行响应式设计

javascript - 链接不同文件夹中的 html 和 css 文件