多個@media查詢的邏輯結構是什麼？

Question

我不確定我是否理解@media條件的邏輯，什麼是和陳述，以及或？

如何將我寫這樣的條件：在@media查詢

if ((condition 1 & condition 3) or (condition 2 & condition 3)) 

？

Answer 1

媒體類型是一組規則的（用逗號分隔）（由大括號分隔）

所以，你會寫你上面的語句：

body { background: green; } 
@media screen and (max-width:300px), screen and (min-width: 768px) { 
    body { 
     background: red; 
    } 
} 

這裏是一個活生生的例子： http://jsfiddle.net/davetayls/tFXWu/