响应式 自适应布局

最近在看html5  CSS3被很多专业术语搞的蒙蒙的

记录下，当作笔记了。（以下全是个人观点，欢迎批评指正）

我们平时谈论的自适应布局，大多指的就是宽度自适应布局，更像是一幅画等比例缩放，用的是百分比。

在这种布局下，出现了两派：

• 流式布局（宽度自适应布局）

• 弹性布局（流式布局和固定布局的结合）

响应式布局，个人认为其实是针对多客户端设计的一个变种：

比如通过媒体查询，浏览器根据不同尺寸和分辨率加载不同样式    和     通过后台服务器判断连接加载不同样式，本质是一样的，只不过现在交给浏览器去查询媒体的尺寸，减轻了服务器压力，也不需要那么多域空间了。

自适应布局是响应式布局的一种实现方式：

响应式里，我可以写成百分比，也可以写成固定的。

百分比是等比例缩放，针对多设备写不同固定值 是效果一样的

自适应简单方便，维护成本低

响应由于是多种样式，维护成本高，但实现布局灵活性比自适应强大