CSS3媒体查询能检测到的特性小结

CSS3的Media Queries能够检测到的特性总结:

视口(viewport)解释地址:http://baike.baidu.com/view/1522985.htm

width:视口宽度的检测

height:视口高度的检测

device-width:设备屏幕宽度(设备渲染平面宽度)的检测

device-height:设备屏幕高度(设备渲染平面高度)的检测

orientation:设备的横屏与竖屏的检测

aspect-ratio:视口宽度和高度的宽高比的检测

device-aspect-ratio:设备屏幕宽度和高度的宽高比(设备渲染平面宽度和高度的宽高比)的检测

color:每种颜色的位数的检测

color-index:设备的颜色索引表中的颜色数的检测

monochrome:单色帧缓冲区中每像素所使用的位数的检测

resolution:屏幕或打印机的分辨率的检测

scan:电视机的扫描方式的检测

grid:网络设备或位图设备的检测

注意:以上所有特性中,除scan和grid之外,都可以使用min和max前缀来创建一个查询范围。

个别举例:

scan:progressive 逐行扫描,例如:720p HD电视,p表明逐行扫描

scan:interlace 隔行扫描,例如:1080i HD电视,i表明隔行扫描

更多知识分享:微笑空间站 

原文地址:https://www.cnblogs.com/xuyongsky1234/p/4116519.html