CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。
媒体查询能用来检测很多事情，例如： viewport(视窗) 的宽度与高度 设备的宽度与高度 朝向 (智能手机横屏，竖屏) 。 分辨率
CSS3 多媒体查询语法
多媒体查询由多种媒体组成，可以包含一个或多个表达式，表达式根据条件是否成立返回 true 或 false。
网格（Grid） 属性
| 属性 | 值 | 描述 |
|---|---|---|
| grid-columns | 指定在网格中每列的宽度 | 3 |
| grid-rows | 指定在网格中每列的高度 | 3 |
超链接(Hyperlink) 属性
| 属性 | 值 | 描述 |
|---|---|---|
| target | 简写属性设置target-name, target-new,和target-position属性 | 3 |
| target-name | 指定在何处打开链接（目标位置） | 3 |
| target-new | 指定是否有新的目标链接打开一个新窗口或在现有窗口打开新标签 | 3 |
| target-position | 指定应该放置新的目标链接的位置 | 3 |
定位（Positioning） 属性
| 属性 | 描述 | CSS |
|---|---|---|
| bottom | 设置定位元素下外边距边界与其包含块下边界之间的偏移 | 2 |
| clear | 规定元素的哪一侧不允许其他浮动元素 | 1 |
| clip | 剪裁绝对定位元素 | 2 |
| cursor | 规定要显示的光标的类型（形状） | 2 |
| display | 规定元素应该生成的框的类型 | 1 |
| float | 规定框是否应该浮动 | 1 |
| left | 设置定位元素左外边距边界与其包含块左边界之间的偏移 | 2 |
| overflow | 规定当内容溢出元素框时发生的事情 | 2 |
| position | 规定元素的定位类型 | 2 |
| right | 设置定位元素右外边距边界与其包含块右边界之间的偏移 | 2 |
| top | 设置定位元素的上外边距边界与其包含块上边界之间的偏移 | 2 |
| visibility | 规定元素是否可见 | 2 |
| z-index | 设置元素的堆叠顺序 | 2 |
分页（Print） 属性
| 属性 | 描述 | CSS |
|---|---|---|
| orphans | 设置当元素内部发生分页时必须在页面底部保留的最少行数 | 2 |
| page-break-after | 设置元素后的分页行为 | 2 |
| page-break-before | 设置元素前的分页行为 | 2 |
| page-break-inside | 设置元素内部的分页行为 | 2 |
| widows | 设置当元素内部发生分页时必须在页面顶部保留的最少行数 | 2 |