css3媒体查询的运算符

标签（空格分隔）： css

---

and

and运算符用于符号两边规则均满足条件则匹配 既满足条件A又满足条件B
eg：

  @media screen and (max-width : 768px) {
    /*匹配宽度小于768px的电脑屏幕*/
    }

not

not运算符用于取非,所有不满足该规则的均匹配　非
eg：

  @media not print {
    /*匹配除了打印机以外的所有设备*/
}

，（逗号）

相当于 or 用于两边有一条满足则匹配　或
eg：

  @media screen , (min-width : 768px) {
    /*匹配电脑屏幕或者宽度大于768px的设备*/
 }