@media CSS3中僅適用於第一選擇

Question

我的CSS應該根據規模造成三種不同的背景顏色：

@media all and (min-width: 481px) and (max-width: 880px) { 
    body { 
     background:#F69; 
    } 
} 

@media all (min-width: 341px) and (max-width: 480px) { 
    body { 
     background:#06F; 
    } 
} 

@media all and (max-width: 340px) { 
    body { 
     background:#000; 
    } 
} 

此代碼僅改變第一個尺寸範圍的背景顏色。爲什麼？我怎樣才能使它適用於所有三個範圍？

Answer 1

您的代碼是正確的。你只能得到一種顏色。您的媒體查詢設置正確。背景顏色對於不同的屏幕分辨率會有所不同。嘗試使用不同的瀏覽器。