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

Question

我的前端使用bootrstrap3。

Firstable我在移动设备上遇到了响应问题，我通过添加下面的元数据来修复：

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

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

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

如果有人有解决方案来解决这个问题会很棒。

Answer 1

尝试在head-tag中添加以下内容：

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

对于iOS 4.2中的Mobile Safari。

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

我们正在禁用基于移动网络的应用程序的缩放功能。您无法放大原生iOS应用程序，在我们的Web应用程序中不需要它。如果您的网站或应用已针对移动设备进行了优化，则您的用户无需进行缩放。始终有用于禁用缩放的用例。它不必总是单向或其他。