移动端——列（column）、媒体查询（@media）、meta元数据标签、 em与rem、盒子模型（标准和怪异盒子模型）

1、css3新增样式

跟列有关（column-count和column-width可以简写成columns）

• column-count : 3; 列数
• column-width : 100px; 列宽
• column-gap : 2em; 列间距
• column-rule : 2px #f00 outset 列样

媒体查询

 注意：谁的范围大谁要写在前面，and前后都有空格。

 meta元数据标签

<meta name="Description" content="关键字"/>

<meta name="Keywords" content="网页内容"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

• width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 C