媒体查询是可应用于 CSS 样式的简单过滤器。有了这些过滤器，我们可以根据设备呈现内容的特点轻松更改样式，包括显示屏类型、宽度、高度、方向甚至是分辨率。
在 CSS2.1 中定义了媒体类型，通过给 元素添加 media 属性，可以为不同的媒体类型加载不同的样式表。link rel=stylesheet media=screen href="";
初始化媒体查询
媒体查询有两种不同的使用方法，一种是在已有的样式表文件中使用@media规则，另一种是使用 @import 规则导入一张新的样式表，或在HTML文档中链接到一个单独的样式表文件。通常来说，推荐使用的方法是在已有的样式表文件中使用 @media 规则，避免增加额外的 HTTP 请求。
每一个媒体查询可能会包含一个媒体类型，紧接着是一个或多个表达式。常见的媒体类型包括 all、screen、print、tv 和 braille。HTML5 规范包含了新的媒体类型，甚至包括三维眼镜。若媒体查询中没有指定媒体类型，则默认为 screen。