CSS3媒体查询能检测到的特性小结
2014-11-23 14:42
344 查看
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表明隔行扫描
视口(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表明隔行扫描
相关文章推荐
- [TOP]CS3媒体查询能检测到的特性小结
- 总结CSS3新特性(媒体查询篇)
- CSS3媒体查询使用小结
- css3新特性@media(媒体查询)
- 横屏CSS3媒体查询
- CSS3 新特性小结
- 揭开CSS3媒体查询迷雾(min-width和max-width)
- JavaScript快速检测浏览器对CSS3特性的支持情况
- CSS3媒体查询
- 移动设备显示尺寸大全 CSS3媒体查询
- CSS3 Media Query 响应式媒体查询
- css3 媒体查询
- css3媒体查询实现网站响应式布局
- CSS3 之媒体查询Media Query
- CSS3 Media Query 响应式媒体查询
- CSS3 Media Queries 媒体查询
- iPhone的CSS3媒体查询
- CSS3媒体查询(Media Queries)
- CSS3媒体查询(Media Queries)介绍
- ↗☻【响应式Web设计 HTML5和CSS3实战 #BOOK#】第2章 媒体查询:支持不同的视口