通过视口meta标签进行离子v4页面缩放

Question

我有一个使用Ionic v4建立的网站。我的index.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" />

捏合和缩放在Android的Chrome中不起作用。

链接到站点here

Answer 1

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

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