CSS3 媒体查询

概述

media type(媒体类型)是css 2中的一个非常有用的属性，通过media type我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。
media query(多媒体查询)是对media type的一种增强，是CSS 3的重要内容之一
多媒体查询由【多种媒体】组成，可以包含一个或多个【表达式】，根据条件是否成立文档会在匹配的设备上显示指定样式效果
作用：规定栏目的宽度。
取值
number 指定栏目宽度。
auto 自动，由其他属性决定，如 "column-count"。
column-count属性
作用：指定栏目的个数
取值
auto 由其他属性决定列数，比如 "column-width"。
数字 表示栏目个数。
column-gap 属性
作用：规定栏目之间的间隔。
取值
normal 默认是 1em。
长度值（px,em） 指定的长度值
column-rule 属性
作用：设置栏目边框宽度、样式和颜色规则。
column-rule-width边框宽度
column-rule-style 边框样式
solid dashed dotted double
column-rule-color边框颜色
注：column-rule为column-rule-width ，column-rule-style ，column-rule-color;的简写属性
column-span
设置栏目的跨栏合并
默认值1
all 所有
兼容
CSS3 媒体查询
概述
语法
样式表内引入媒体查询