Question

我正在使用Bootstrap创建一个管理区域。当我通过拖动屏幕并将其缩小来调整屏幕大小时，网站看起来就像我期望的那样：

然而，当我在移动设备上查看它时，它会缩小并看起来像是试图显示整个屏幕。如下所示

有没有人在使用Bootstrap之前遇到过这个问题？我认为这可能是一个Javascript问题，它没有检测到浏览器的大小？

Answer 1

使用

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

在HTML文档的<head>部分。

这意味着浏览器将（可能）呈现宽度页面在其自己的屏幕宽度。

您可以check MDN了解有关视口元标记及其用法的更多信息。

Answer 2

请在标记

中设置此元标记

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