box-sizing

box-sizing：border-box；   盒子模型为边框以内，此时width，height值为总盒子值，padding也会计算在内。

区别：默认为content-box，width，height为内容区域宽度，padding会改变盒子大小。

情况：flex练习时发现。

viewport移动端应用

head标签中加入<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">代码，viewport默认为980px视窗，width=device-width设备宽度，initial-scale=1.0初始不缩放，user-scalable=no不允许用户进行手动缩放。

使用rem单位 

rem相对于html的font-size，适合使用在移动端，根据屏幕尺寸不同，设置不同html的font-size，实现不同屏幕下的合理布局。