如何在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'/>