媒体查询(Media Queries)摘抄

本文详细介绍了CSS3媒体查询的各项特性及其应用场景,包括width、height等用于定义输出设备页面可见区域尺寸的属性;device-width、device-height等针对屏幕可见尺寸进行适配的属性;orientation、aspect-ratio及device-aspect-ratio等用于处理不同设备方向和比例的属性;color、color-index、monochrome等颜色相关属性;resolution用于描述设备分辨率;以及scan、grid等特定于电视类设备和输出类型的属性。

媒体查询(Media Queries)

width CSS3 媒体查询 width,定义输出设备中的页面可见区域宽度

height CSS3 媒体查询 height,定义输出设备中的页面可见区域高度

device-width CSS3 媒体查询 device-width,定义输出设备的屏幕可见宽度

device-height CSS3 媒体查询 device-height,定义输出设备的屏幕可见高度

orientation CSS3 媒体查询 orientation,定义'height'是否大于或等于'width'。值portrait代表是,landscape代表否

aspect-ratio CSS3 aspect-ratio 属性,定义'width'与'height'的比率

device-aspect-ratio CSS3 媒体查询 device-aspect-ratio,定义'device-width'与'device-height'的比率。如常见的显示器比率:4/3, 16/9, 16/10

color CSS3 媒体查询 color,定义每一组输出设备的彩色原件个数。如果不是彩色设备,则值等于0

color-index CSS3 媒体查询 color-index,定义在输出设备的彩色查询表中的条目数。如果没有使用彩色查询表,则值等于0

monochrome CSS3 媒体查询 monochrome,定义在一个单色框架缓冲区中每像素包含的单色原件个数。如果不是单色设备,则值等于0

resolution CSS3 媒体查询 resolution,定义设备的分辨率。如:96dpi, 300dpi, 118dpcm

scan CSS3 媒体查询 scan,定义电视类设备的扫描工序

grid CSS3 媒体查询 grid,用来查询输出设备是否使用栅格或点阵。只有1和0才是有效值,1代表是,0代表否

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值