我有一个带有多个视口的 html5 应用程序。我打算使用 HammerJS 在各个视口上提供捏合/缩放手势。目前，每当我捏住 Safari/OSX 时，整个窗口就会放大或缩小，我想防止这种情况发生。对于 iOS，这有效：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
但它并不能阻止 OSX 中的缩放。还有其他可以在 Safari/OSX 中使用的元、css3 或 javascript 吗？
从 Safari 10.1+ 开始，您可以挂接到GestureEvent https://developer.apple.com/documentation/webkitjs/gestureevent在 macOS/OSX 上。
window.addEventListener('gesturestart', e => e.preventDefault());
window.addEventListener('gesturechange', e => e.preventDefault());
window.addEventListener('gestureend', e => e.preventDefault());
上述内容将阻止任何手势触发（例如捏合缩放）。您还可以处理这些事件，挂钩比例和旋转值。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
