离子 v4 页面缩放通过视口元标记

Question

我有一个使用 Ionic v4 构建的网站。我的索引.html已更新以允许用户缩放

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=12.0, user-scalable=yes" />

捏合和缩放在安卓版的 Chrome 中不起作用。

链接到网站

这里

Answer 1

通过将初始比例和最小比例值设置为 0.86 来抑制许多智能手机应用的小变焦。结果是水平滚动在任何方向上都被抑制，用户可以根据需要放大。

<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">