流式布局：
流式布局就是百分比布局，也叫做非固定像素布局
通过盒子的宽度设置为百分比来根据屏幕的宽度来自适应调整，不受固定像素的限制
二倍图：
1、插入背景图
2、将背景图按物理像素比进行等比例缩小（利用background-size属性）
3、利用ps进行缩小后的图片测量，使用background-position进行背景位移即可
传统布局：
传统布局的兼容性更好
布局会比较的繁琐
局限性，在移动端中布局的速度相对较慢
flex布局：
操作会比较的方便，布局很简单，移动端使用很广泛
PC端的浏览器可能会有兼容性的问题，IE11以下的低版本浏览器对flex支持情况不好
|
