固定宽度做法:
早期有些网站把页面设置成320的宽度，超出部分留白
优点：思路沿用PC端，上手简单，可以很好的还原设计稿
缺点：【用户体验较差】大屏幕手机及手机横屏时，两边是留白较大，且大屏幕手机下看起来页面会特别小，操作的按钮也很小.
流式布局:
宽度百分比布局 ,高度固定
优点:流动布局可以很好解决自适应需求，
缺点:更适用于对横向拉伸的设计元素,设计的时候存在很多局限性,流式是通过大量的百分比布局，会出现兼容性的问题
响应式做法:
核心: 媒体查询
根据目标用户的访问设备的主要类型做三种或四种布局。
每种布局有一个区间即可利用媒体查询@media，可以为不同分辨率的设备加载不同的样式。
优点:相对精确的控制显示效果
缺点:可能需要对同一个类书写不同的样式会导致代码比较繁复，后期维护困难)
多栏布局
