Firefox 禁用浏览器缩放，但允许在捏合时缩放元素

【问题标题】：Firefox disable browser zoom but allow element zoom on pinchFirefox 禁用浏览器缩放，但允许在捏合时缩放元素
【发布时间】：2015-07-03 06:13:28
【问题描述】：

我有一个针对运行 Firefox 的触摸屏运行的网站（我知道非常具体，但希望它有助于解决问题）在有问题的页面上，我有一个 d3 地图，我正在尝试启用捏缩放，但是任何捏手势都会导致 Firefox 为整个页面设置缩放。有没有办法防止页面缩放，只允许地图缩放？

如果我必须修改 Firefox 配置设置，这不是问题，但我宁愿避免它并尽可能完全依赖 javascript。

提前谢谢你

【问题讨论】：

【解决方案1】：

您可以使用viewport metatag 和Hammer.js 来做到这一点

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

这将禁用默认浏览器缩放。

然后您可以使用Hammer.js 捕获手势事件，然后将其传递给您的 D3.js 代码以缩放地图

【讨论】：

可悲的是，在我看来，大多数浏览器都忽略了“user-scalable=no”。是否有任何新见解，Chrome（在没有浏览器缩放的情况下可以捏缩放 svg）如何处理这个问题？即使在hammerjs的网站上，也不可能捏缩放FF中的示例