Bootstrap的992px斷點發生在我身上的奇怪事情

Question

任何人都可以幫助我理解，當僅在992px時，視點寬度會變得很奇怪。它似乎在992px或更低時跳轉到768px斷點。

片段在這裏： http://www.codeply.com/go/beilYT04YA

編輯： 這是爲什麼變得這麼多downvotes？

我問過我的所有導師，他們沒有絲毫知道爲什麼會發生。

希望有人能幫助

Answer 1

（其實這是一個很好的問題 - 只是你的代碼是一個簡單的問題過於複雜。）

你的CSS使用了很多像這樣的聲明：

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

這在任何直到並且包括意味着斷點，992

[ --> max ] 

引導有它這樣的斷點：

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

這意味着從一個斷點，包括992及以上。

[ min ---> ] 

所以你在這裏是一個992的甜蜜點，兩個條件都是真的。

爲了解決這個問題，只是-1最大...即@media screen and (max-width: 991px) {