媒体查询

1、column

column-count：3；分为几栏  与column-width不能同用。

column-gap：2em；

column-rule：2px #f00 outset；

小窍门：

给a标签加display：inline-block之后，块与块之间会出现间隙。

解决办法：

1.给父元素加font-size：0；

然后在a里重新写字体大小。

2.加float：left；

      Margin-left：-5px；

3.column：中间会出现间隙，第一种解决办法同上。

第二种：加column-gap：0；

4、移动端代码

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

2.<link rel=”stylesheet” href=”css/media-100.css”>引入css文件

3.单位：rem 不受包着它的父元素大小的影响，受根元素html规定的大小。