媒体查询(Media Queries)
说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
CSS 媒体查询(Media Queries)
| Properties 属性 |
CSS Version 版本 |
Inherit From Parent 继承性 |
Description 简介 |
|---|---|---|---|
| width | CSS3 | 无 | CSS3 媒体查询 width，定义输出设备中的页面可见区域宽度 |
| height | CSS3 | 无 | CSS3 媒体查询 height，定义输出设备中的页面可见区域高度 |
| device-width | CSS3 | 无 | CSS3 媒体查询 device-width，定义输出设备的屏幕可见宽度 |
| device-height | CSS3 | 无 | CSS3 媒体查询 device-height，定义输出设备的屏幕可见高度 |
| orientation | CSS3 | 无 | CSS3 媒体查询 orientation，定义'height'是否大于或等于'width'。值portrait代表是，landscape代表否 |
| aspect-ratio | CSS3 | 无 | CSS3 aspect-ratio 属性，定义'width'与'height'的比率 |
| device-aspect-ratio | CSS3 | 无 | CSS3 媒体查询 device-aspect-ratio，定义'device-width'与'device-height'的比率。如常见的显示器比率：4/3, 16/9, 16/10 |
| color | CSS3 | 无 | CSS3 媒体查询 color，定义每一组输出设备的彩色原件个数。如果不是彩色设备，则值等于0 |
| color-index | CSS3 | 无 | CSS3 媒体查询 color-index，定义在输出设备的彩色查询表中的条目数。如果没有使用彩色查询表，则值等于0 |
| monochrome | CSS3 | 无 | CSS3 媒体查询 monochrome，定义在一个单色框架缓冲区中每像素包含的单色原件个数。如果不是单色设备，则值等于0 |
| resolution | CSS3 | 无 | CSS3 媒体查询 resolution，定义设备的分辨率。如：96dpi, 300dpi, 118dpcm |
| scan | CSS3 | 无 | CSS3 媒体查询 scan，定义电视类设备的扫描工序 |
| grid | CSS3 | 无 | CSS3 媒体查询 grid，用来查询输出设备是否使用栅格或点阵。只有1和0才是有效值，1代表是，0代表否 |