在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());

以上將阻止任何手勢發射（例如捏縮放）。 您也可以處理這些事件，掛鈎到縮放和旋轉值。