llllll

通过监听resize动态改变fontsize

background-size:contain

保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

使用:before的方式实现icon，一定程度上减少dom，更优雅

一般情况下，padding和border不包含在width中，定义width:100%后，再设置padding或border会增加width。

可以使用box-sizing:border-box消除影响，将padding和border包含在width中

1、width设置为100%是在设置padding-left或padding-right时屏幕的宽度不在是100%就会出现左右滚动（解决方法box-sizing：border-box）

2、设置一个元素绝对定位时，先设置它的父元素相对定位

3、background-size：contain

最后一个函数，自动适配，动态取值设定，有点模糊，后面再看看具体资料

news-item 本来设置了100% 但是由于设置了左右的 padding 所以，整体

宽度超过了100% ，所以会出现左右滚动条效果，这里为了不出现滚动条
，就需要强制下，用 box-sizing: border-box; 

app.js
移动端达到等比例缩放，rem适配

REM适配

box-sizing:border-box;防止屏幕晃荡；

动态改变屏幕宽度，js监听事件实现自适应

伪类:before

background-size:contain

box-sizing