媒體查詢差異屏幕尺寸在一個CSS樣式表

Question

你好我有這個腳本，我需要當屏幕尺寸是1600像素background-color是紅色和當屏幕尺寸是1366像素background-color是黑色，但我的代碼不起作用，媒體查詢只適用1600 PX

HTML

<div> 

</div> 

CSS

div{ 
    width:100%; 
    height:100%; 
    background-color:grey; 
} 

@media screen and (max-width:1366px){ 
    div{ 
     background-color:black; 
    } 
} 

@media screen and (max-width:1600px){ 
    div{ 
     background-color:red; 
    } 
} 

Answer 1

第二樣式覆蓋的第一個。更改訂單。它會工作。

div{ 
width:100%; 
height:100%; 
background-color:grey; 
} 

@media screen and (max-width:1600px){ 
    div 
    { 
    background-color:red; 
    } 
} 

@media screen and (max-width:1366px){ 
    div 
    { 
    background-color:black; 
    } 
} 

DEMO