Bootstrap 的 992px 断点对我来说很奇怪

Question

谁能帮我解释一下，当只有992px时，视点宽度变得奇怪。 992px以下好像跳到了768px断点

编辑：为什么这会得到这么多反对票？

我已经问过我所有的导师这件事，他们一点也不知道为什么会这样。

希望有人能提供帮助

Answer 1

（实际上这是一个很好的问题 - 只是你的代码对于一个简单的问题来说过于复杂。）

您的 CSS 使用了很多这样的声明：

@media screen and (max-width: 992px) {
  header .navbar-toggle {
    display: block;
    ...

这意味着断点在 992 之前（包括 992）。

[  --> max  ]

Bootstrap 有这样的断点：

@media (min-width: 992px) {
  .col-md-1, .col-md-2, ...

这意味着断点从 992 开始，包括 992 及以上。

[  min --->  ]

所以你这里的最佳位置是 992，两个条件都为真。

要解决此问题，最大值为 -1 ... 即 @media screen and (max-width: 991px) {

Strange things happening for me with Bootstrap's 992px breakpoint