网站视口在 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"> 

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

Answer 1

使用以下更新您的视口将起作用。它对我有用。

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