Question

任何人都可以帮助我理解，当仅在992px时，视点宽度变得奇怪。它似乎在992px或更低时跳转到768px断点。

编辑：为什么会有这么多的投票呢？

我已经问过我所有的导师，他们没有丝毫为什么会这样。

希望有人可以提供帮助

Answer 1

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

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

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

这意味着任何事物的突破点，包括992。

[  --> max  ]

Bootstrap有这样的断点：

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

这意味着一个断点，包括992及以上。

[  min --->  ]

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

要解决这个问题，最多只需-1，即@media screen and (max-width: 991px) {