媒体查询(Media Queries)
说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51
CSS 媒体查询(Media Queries)
Properties 属性 |
CSS Version 版本 |
Inherit From Parent 继承性 |
Description 简介 |
---|---|---|---|
width | CSS3 | 无 | CSS3 媒体查询 width,定义输出设备中的页面可见区域宽度 |
height | CSS3 | 无 | CSS3 媒体查询 height,定义输出设备中的页面可见区域高度 |
device-width | CSS3 | 无 | CSS3 媒体查询 device-width,定义输出设备的屏幕可见宽度 |
device-height | CSS3 | 无 | CSS3 媒体查询 device-height,定义输出设备的屏幕可见高度 |
orientation | CSS3 | 无 | CSS3 媒体查询 orientation,定义'height'是否大于或等于'width'。值portrait代表是,landscape代表否 |
aspect-ratio | CSS3 | 无 | CSS3 aspect-ratio 属性,定义'width'与'height'的比率 |
device-aspect-ratio | CSS3 | 无 | CSS3 媒体查询 device-aspect-ratio,定义'device-width'与'device-height'的比率。如常见的显示器比率:4/3, 16/9, 16/10 |
color | CSS3 | 无 | CSS3 媒体查询 color,定义每一组输出设备的彩色原件个数。如果不是彩色设备,则值等于0 |
color-index | CSS3 | 无 | CSS3 媒体查询 color-index,定义在输出设备的彩色查询表中的条目数。如果没有使用彩色查询表,则值等于0 |
monochrome | CSS3 | 无 | CSS3 媒体查询 monochrome,定义在一个单色框架缓冲区中每像素包含的单色原件个数。如果不是单色设备,则值等于0 |
resolution | CSS3 | 无 | CSS3 媒体查询 resolution,定义设备的分辨率。如:96dpi, 300dpi, 118dpcm |
scan | CSS3 | 无 | CSS3 媒体查询 scan,定义电视类设备的扫描工序 |
grid | CSS3 | 无 | CSS3 媒体查询 grid,用来查询输出设备是否使用栅格或点阵。只有1和0才是有效值,1代表是,0代表否 |