Question

我已经使用bootstrap菜单检查了很多网站，它在某些屏幕尺寸后崩溃，当我看到我的网站时，我正在使用22英寸屏幕和导航栏崩溃..

Answer 1

您必须根据像素使用媒体查询作为屏幕尺寸。

例如：

// Landscape phones and below
@media (max-width: 480px) { ... }

// Landscape phone to portrait tablet
@media (max-width: 768px) { ... }

// Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 980px) { ... }

// Large desktop
@media (min-width: 1200px) { .. }

Answer 2

Bootstrap菜单可以调整大小，适用于几乎所有类型的屏幕，例如手机，平板电脑，ipad，笔记本电脑，台式机等。但是某些分辨率可能会在媒体查询中遗漏。例如：如您所说的“我正在使用22英寸屏幕”。您的桌面的最大宽度可能未在其内置媒体查询中列出。

因此，我建议针对这种情况编写自己的媒体查询会更好。

例如，

@media (max-width: 1080px) { ... }
@media (max-width: 1440px) { ... }

Bootstrap导航在大屏幕上崩溃

2 个答案: