html - 网站视口(viewport)在 Bootstrap 4 上的 Safari 浏览器上仍然可以缩放和捏合

Question

使用 Bootstrap 4 骨架，我尝试了内置 viewport 元标记的 Bootstrap

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

并且还使用了一种来自网络研究的自定义元数据，例如

<meta name="viewport" content="width=device-width, shrink-to-fit=no, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1"> 

为了防止在捏合和放大时改变网站的显示，但在这两种情况下，网站在移动设备的 Safari 浏览器中仍然是 Pinch-able 和 Zoom-able .在 Android 上测试该网站不能缩放，但它在 Safari 上。我错过了什么？

Answer 1

使用以下方法更新您的视口(viewport)即可。它对我有用。

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