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

【问题标题】：Disable default pinch to zoom using mozilla firefox on Microsoft Tablet/ Touch screen monitor在 Microsoft 平板电脑/触摸屏显示器上使用 mozilla firefox 禁用默认捏缩放
【发布时间】：2016-10-04 07:23:46
【问题描述】：

好吧，我的要求是在所有设备/所有浏览器中缩放和平移 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 中没有任何工作。

我需要禁用浏览器在捏合时缩放，以便我可以实现我的功能。

提前致谢！

【问题讨论】：

你试过this answer suggests?吗？我没有触摸屏来测试它，但它禁用了我的macbook的缩放功能...
或者尝试使用另一个捏缩放插件？您可以先在所有浏览器中尝试，然后继续使用该浏览器。
@JarodMoser 我可以在每个浏览器中禁用缩放，但不能在 Firefox 中禁用。还建议的方法不适用于触摸捏缩放。我们需要在 css 中实现 'touch-action:none' 来禁用其他浏览器的缩放。
@Leo 我在所有浏览器中都试过了，但我认为 firefox 不支持这个。
你试过处理它吗？ developer.mozilla.org/en-US/docs/Web/API/Pointer_events/… 那样

标签： javascript jquery html css mozilla

【解决方案1】：

试试这个：

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

【讨论】：

您能否解释一下为什么添加的参数有助于禁用捏合缩放或它们的作用？
initial-scale : 访问页面时的初始缩放。 1.0 不缩放。 minimum-scale : 访问者可以在页面上缩放的最小量。 1.0 不缩放。 maximum-scale : 访问者可以在页面上放大的最大量。 1.0 不缩放。 用户可缩放： 允许设备放大和缩小。值为是或否。我经历过在某些情况下 1 和 1.0 是不同的
不走运...这不适用于 Firefox。我又试了一次。

【解决方案2】：

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

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

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

【讨论】：

谢谢，但我需要用 javascript 来实现。我不能要求我的客户在浏览器中这样做。这也将在其他网站上实施。
无法通过 javascript 实现这一点，还有其他几个网站也面临这个问题，希望微软能尽快修复它
那么，我们没有任何选项可以在页面上实现捏缩放吗？