Bootstrap：如何处理iMac与典型的笔记本电脑尺寸？

Question

所以我目前正在开发一个管理仪表板，我办公室的工作站是一台iMac（2,500px x 1,5000~我认为），在家里我使用1366 x 768分辨率的典型笔记本电脑。

我的问题是两个分辨率属于XL类别的bootstrap 4，然而，它们的显示方式不同。 iMac中的侧边栏完美无瑕，但笔记本电脑中的侧边栏以丑陋的方式包裹着按钮。有没有办法正确解决这个问题？就像扩展典型的视口大小一样，可能会在那里添加XXL？

附：我当然可以做一些解决方法，但我正在寻找一种更好的解决方法，而不仅仅是一个临时修复。

谢谢

Answer 1

只需在CSS中添加一些媒体查询即可获得大屏幕尺寸：

@media only screen and (min-width: 1366px) {
    body {
        ...
    }
}