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