如何禁用 iPad 上的双击缩放？

Question

当我双击 html 页面上的某处时，会出现 iPad 上的缩放效果。

如何禁用此行为？

Answer 1

您是否尝试过将 css 属性 触摸操作设置为 none？

.disable-zoom {
    touch-action: none;
}

这将禁用屏幕上的所有操作。 如果你只想禁用双击并执行其他操作，如缩放等，请使用以下

.disable-double-tap {
  touch-action: manipulate;
}

Answer 2

您所要做的就是在您的 html 代码中添加一个 meta 标签：

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