媒体查询(Media Queries)

发布时间:2019-10-01编辑:佚名阅读(1397)

媒体查询(Media Queries)

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

CSS 媒体查询(Media Queries)

Properties
属性
CSS Version
版本
Inherit From Parent
继承性
Description
简介
widthCSS3CSS3 媒体查询 width,定义输出设备中的页面可见区域宽度
heightCSS3CSS3 媒体查询 height,定义输出设备中的页面可见区域高度
device-widthCSS3CSS3 媒体查询 device-width,定义输出设备的屏幕可见宽度
device-heightCSS3CSS3 媒体查询 device-height,定义输出设备的屏幕可见高度
orientationCSS3CSS3 媒体查询 orientation,定义'height'是否大于或等于'width'。值portrait代表是,landscape代表否
aspect-ratioCSS3CSS3 aspect-ratio 属性,定义'width'与'height'的比率
device-aspect-ratioCSS3CSS3 媒体查询 device-aspect-ratio,定义'device-width'与'device-height'的比率。如常见的显示器比率:4/3, 16/9, 16/10
colorCSS3CSS3 媒体查询 color,定义每一组输出设备的彩色原件个数。如果不是彩色设备,则值等于0
color-indexCSS3CSS3 媒体查询 color-index,定义在输出设备的彩色查询表中的条目数。如果没有使用彩色查询表,则值等于0
monochromeCSS3CSS3 媒体查询 monochrome,定义在一个单色框架缓冲区中每像素包含的单色原件个数。如果不是单色设备,则值等于0
resolutionCSS3CSS3 媒体查询 resolution,定义设备的分辨率。如:96dpi, 300dpi, 118dpcm
scanCSS3CSS3 媒体查询 scan,定义电视类设备的扫描工序
gridCSS3CSS3 媒体查询 grid,用来查询输出设备是否使用栅格或点阵。只有1和0才是有效值,1代表是,0代表否

    关键字: 媒体查询 Media Queries


鼓掌

0

正能量

0

0

呵呵

0


评论区