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

更多知識分享：微笑空間站