CSS - @media查詢以上

Question

/* 1024 and above desktop ------ */ 
@media only screen 
and (min-width: 1008px){ 
    /* Styles */ 
    .outerBox{ 
     width: 796px; 
    } 

@media only screen 
and (min-width: 600px) 
and (max-width: 640px){ 
    /* Styles */ 
    .outerBox{ 
     width: 600px; 
    } 
} 

的查詢似乎不正常工作時，應用together..as只有第一個工程都應用時，如果我刪除的第一個，第二個能正常工作..

Answer 1

你的第一條規則缺少收盤}：

/* 1024 and above desktop ------ */ 
@media only screen 
and (min-width: 1008px){ 
    /* Styles */ 
    .outerBox{ 
     width: 796px; 
    } 
}