在OSX OS中防止捏合/缩放

Question

我有一个带有多个视口的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中是否还有其他meta，css3或javascript？

Answer 1

从Safari 10.1+开始，您可以在macOS / OSX上挂钩GestureEvent。

window.addEventListener('gesturestart', e => e.preventDefault());
window.addEventListener('gesturechange', e => e.preventDefault());
window.addEventListener('gestureend', e => e.preventDefault());

以上将阻止任何手势发射（例如捏缩放）。您还可以处理这些事件，钩住比例和旋转值。