1，流式布局
使用非固定像素来定义网页内容，也就是百分比布局，通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不爱固定像素的限制，内容向两侧填充。这样的布局方式，就是移动web开发使用的常用布局方式。这样的布局可以适配移动端不同的分辨设备。
2，响应式开发
那么Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端。越来越多的设计师也采用了这种设计。
CSS3中Media Query(媒介查询)，通过查询screen的宽度来指定某个宽度区间的网页布局。
超小屏幕(移动设备) 768px以下
小屏设备 768px-992px
中等屏幕 992px-1200px
宽屏设备 1200以上
由于响应式开发显得繁琐些，一般使用第三方响应式框架来完成，比如bootstrap来完成一部分工作，当然也可以自己写响应式。
