好吧,我的要求是在所有设备/所有浏览器中缩放和平移 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/