在微软平板电脑/触摸屏显示器上使用mozilla firefox禁用默认的缩放功能

Question

嗯，我的要求是在所有设备/所有浏览器中缩放和平移svg。我已经使用zoom.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">

我还尝试了以下在ie11和IE edge中工作的属性。

touch-action:none;

Mozilla中没有任何工作。

我需要禁用浏览器缩放，这样我就可以实现我的功能。

提前感谢!

Answer 1

try this:

<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">

Answer 2

你必须通过电脑设置禁用它，

设置/控制面板->鼠标->设备设置->捏缩放->取消复选框

，这是唯一可能的方式，你不能做任何html或javascript