移动设备上的缩放问题，但在桌面上可以正常工作

Question

我的前端使用 bootrstrap3。

首先我在移动设备上遇到了响应问题，我通过添加以下元数据修复了这些问题：

<meta name="viewport" content="width=device-width, initial-scale=1">

效果很好，但我还有一个奇怪的问题。大多数情况下，通过登陆移动设备上的页面，缩放比例低于 100%。

实际上，我注意到的是，当问题发生时，整个页面都会显示在视口上，以便缩放适应页面的总高度和宽度。

如果有人能解决这个问题，那就太好了。

Answer 1

尝试将以下内容添加到您的头部标签中：

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

适用于 iOS 4.2 中的移动 Safari。

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

我们正在禁用基于移动 Web 的应用程序的缩放。您无法放大原生 iOS 应用程序，并且在我们的 Web 应用程序中也不需要它。如果您的网站或应用程序针对移动设备进行了优化，那么您的用户将无需缩放。总是有禁用缩放的用例。它不必总是一种方式或另一种方式。