使用 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 上。我错过了什么？
最佳答案
使用以下方法更新您的视口(viewport)即可。它对我有用。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
关于html - 网站视口(viewport)在 Bootstrap 4 上的 Safari 浏览器上仍然可以缩放和捏合，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57950155/