多个@media查询的逻辑结构是什么？

Question

我不确定我是否理解@media条件的逻辑，什么是 AND 语句以及什么是 OR ？

我怎么写这样的条件：

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

在@media查询中？

Answer 1

一组规则的媒体类型（以逗号分隔）（由花括号分隔）

所以你会写上面的声明：

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

这是一个实例： http://jsfiddle.net/davetayls/tFXWu/