如何修复平板电脑上bootstrap导航栏的宽度

Question

这就是我平板电脑上的样子：

当我在chrome中远程检查时，我看到主体宽度（600px）不是文档的宽度，由最小宽度的div设置：1000px;。

如何让bootstrap导航栏填满整个宽度？

您可以访问网站suphearst.ca

Answer 1

解决方案太简单了

只需添加min-width：1000px;身体

Answer 2

听起来你错过了html文档中的视口元标记。它将解决您的问题并在设备缩放后呈现文档。

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

您可以阅读更多相关信息here