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，实现不同屏幕下的合理布局。
