Bootstrap 3中的單個媒體查詢使得小尺寸不受自定義css的影響

Question

我試圖用Bootstrap 3構建響應式網站。當我將@media（min-width：768px）{ ..}調整一些東西，網站從0到767px（沒有爲此指定媒體查詢），停止使用自定義CSS。

我找不到邏輯在這個...謝謝

這裏是自定義CSS的開頭：

@media(min-width:768px) { 
h1{font-size: 4.75em;} 
h2{font-size: 3em;} 
.navbar-fixed-top{ 
padding:25px 0; 
} 

body{ 
padding-top:40px; 
font-family: 'Open Sans', sans-serif; 
background-color:red; 
} 

當我調整瀏覽器爲小尺寸，頁面沒有按沒有使用例如body標籤，但是如果我刪除了@media，則全部變爲正常

Answer 1

您的語法無效。

@media (min-width:768px) { 
    h1{font-size: 4.75em;} 
    h2{font-size: 3em;} 
    .navbar-fixed-top{ 
     padding:25px 0; 
    } 

    body{ 
     padding-top:40px; 
     font-family: 'Open Sans', sans-serif; 
     background-color:red; 
    } 
} 

媒體選擇已經被關閉