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代表隔行扫描

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