为什么bootstrap导航栏在移动时缩小

Question

我想我们都知道bootstrap Navbar是如何工作的，它总是保持在最顶层，并为移动设备做出改变。好吧，而不是改变移动，一切都缩小，变小。这是我website的链接，您可以自己查看。

这是一张关于它在移动设备上的样子的图片，任何使用过Bootstrap的人都知道出现了问题。 谢谢

Answer 1

您需要在html doc

的头部添加此内容

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

添加此项将解决您的案例中的问题，因为您需要告诉浏览器您正在查看的设备的视口

Answer 2

在头部标签内添加

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

width=device-width这将告诉浏览器适应您的设备宽度

您可以详细了解here

Answer 3

解决这个问题你必须 把它添加到头部：

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