媒体查询能检测到的特性

阅读更多

1.width; 设备的视口宽度；
2.height：屏幕宽度；

3.device-width:设备屏幕的宽度；

4.device-height:设备屏幕的高度；

5.orientation：检测屏幕是横向还是竖向；

6./ˈæspekt/（方面）aspect-ratio：基于视口宽度和高度的宽高比。

    一个16:9比例的显示屏可以定义为，aspect-ratio：16/9；

7.device-aspect-ratio：和aspect-ratio类似，基于设备渲染平面宽度与高度的宽高比；

8.color：每种颜色的位数。如：min-color：16会检测设备是否支持16位颜色；

9.color-index：设备的颜色索引表中的颜色书。值必须是非负整数；

10.monochrome /ˈmɒnəkrəʊm/ 单色：检测单色帧缓冲区中每像素所使用的位数。

     值必须为非负整数，如，monochrome：2；

11.resolution：检测屏幕或打印机的分辨率，如min-resolution：300dpi。

    还可以接受每厘米像素点数的度量值，min-resolution：118dpcom。

12.scan：电视机的扫面方式，值：progressive（逐行扫描）、interlace（隔行扫描）。
    如,720pHD电视（720p的p表明是逐行扫描）匹配scan：progressive，而1080iHD电视（1080i中的i表示隔行扫描）匹配scan：interlace。

13.grid：用来检测输出设备是网络设备还是位图设备。

 

说明：除scan和grid外，都可用min和max前缀来创建一个查询范围。

如：@import： url（“phone.css”） screen and (min-width:200px) and (max-width:360px);

 

此内容摘抄于响应式Web设计（html5与css3实践）第26页下半部分。