响应式布局和自适应布局

一、自适应布局

分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围。改变屏幕分辨率可以切换不同的静态局部（页面元素位置发生改变），但在每个静态布局中，页面元素不随窗口大小的调整发生变化。

例如sw（最小宽度适配法）。

二、响应式布局

通过检测视口分辨率，针对不同分辨率在客户端做代码处理，来展现不同的布局和内容；

只需要开发一套界面即可适用于所有尺寸及终端。