前端布局的最终目的：解决问题 拥抱变化
几种布局方式
静态布局
所有大小都写死px值
自适应布局
使用@media判断不同的分辨率和介质，设置不同的样式
流式布局
使用百分比来定义宽度，高度一般都用px定义 缺点：在过大或过小屏幕上样式不好，有时候元素会被拉的很长
响应式布局
目标是在所有终端上都显示出令人满意的效果。 创建多个流式布局，对应多个屏幕分辨率范围，可以看作是自适应布局和流式布局的结合
弹性布局（rem/em）布局
rem:相对于root元素的字体大小 em:相对于父元素的字体大小
另一种分类方式
传统布局模式（浮动，定位）
flex布局
还是有坑的 对然大部分手机都支持了 但是 华为荣耀5 就不支持
grid布局
文章推荐
https://juejin.im/entry/5ab9bd86f265da23953100c3
