在移动端浏览器中，用户可以通过双指捏合手势来缩小或放大网页。然而有时候我们的应用程序可能需要限制这种行为，例如当我们开发一个电子书或者一个游戏应用时。本文将介绍如何在 Webkit 或 Electron 中禁用双指缩放。
方案一：使用 CSS
我们可以使用 CSS 的 touch-action 属性来禁用双指缩放：
-- --------- -- - - ------------- ----- - -- ------- -- - - ------------- ----- ------ -
这个方式会禁用所有的双指手势，包括滚动、缩放等等。但是如果你只想禁用双指缩放手势，可以使用第二个例子代码块中的 CSS。
方案二：使用 JavaScript
我们也可以使用 JavaScript 来禁用缩放手势。
----------------------------------------- ----------- -
-------------------
---这段代码会阻止默认的手势事件 gesturestart 发生，从而禁用了所有的缩放手势。
在 Electron 中使用
如果你在 Electron 中开发桌面应用，你可以在 webPreferences 配置对象中设置 zoomFactor 选项来达到禁用缩放手势的目的。
----- - ------------- - - -------------------
--- --- - --- ---------------
--------------- -
----------- --- -- ----
-
--结论
本文介绍了在 Webkit（或 Electron）中禁用双指缩放手势的两种方法，一种是使用 CSS，另一种是使用 JavaScript。如果您需要限制用户对您的网站或应用程序进行缩放操作，那么以上两种方法都可以帮助你实现这一目标。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/27472