1. 流式布局：使用百分比像素来定义网页内容。通过设置盒子的宽度设置为百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两边填充。 2. 响应式开发：使用css3的媒体查询（Media Query），通过查询screen的宽度来指定某个宽度范围区间的网页布局。 * 超小屏幕(移动设备) 768px一下 * 下屏设备768px-992px; * 中等屏幕 992px-1200px; * 宽屏设备 1200px已上 3. 移动web和响应式的区别 * 移动web:一般在已经有的pc端的网站，开发移动网站的时候，只需要单独开发移动端。只适配移动端。 * 响应式开发：需要一套页面，兼容各个页面，可以适配各种终端，代码复杂。