媒体查询能检测到的特性

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页下半部分。

猜你喜欢

转载自dingliang-321.iteye.com/blog/2263926