日期:2014-05-16  浏览次数:20597 次

CSS3媒体查询(Media Queries)

媒体类型:

all 所有设备

screen 电脑显示器

handheld 便携设备

tv 电视类型设备

print 打印用纸打印预览视图

 

关键字

and

not(排除某种设备)

only(限定某种设备)

媒体特性:

媒体特性共13种,可以说是一个类似CSS属性的集合。其中的大部分接受 min/max 的前缀,用来表示 大于等于/小于等于 的逻辑。




and

示例如下所示:

@media screen and (min-width: 800px) {样式代码}  >800