CSS3之媒体查询（Media Queries）

一、什么是媒体查询
通过查询当前网页处于什么设备，让网页能够在不同的设备下进行预览。
媒体类型：
all：适用于所有设备。
print：用于在打印预览模式下，在屏幕上查看的、分页的材料和文档。
screen：主要用于屏幕。
speech：主要用于语音合成器。

二、如何使用
1.为不同的设备引用不同的样式表

2.根据不同的媒体特性有选择性的执行css片段中的部分内容

3.关键词
not：not关键词表示对后面的表达式执行取反操作

only：用来指定某种特定的媒体类型，可以用来排除不支持媒体查询的浏览器。

and：用于将多个媒体查询规则组合成单条媒体查询，当每个查询规则都为真时则该条媒体查询为真，它还用于将媒体功能与媒体类型结合在一起。