静态布局、自适应布局、流式布局与响应式布局的区别

这两天，看到别人在群里问布局特点，发现自己对这方法还是有点模糊，老是忘，于是上网查了下这方面内容，自己总结写出了，如果有错误地方，敬请指正。

静态布局

意思就是只是针对某个屏幕下设计的网页，当屏幕大小改变时，页面布局不会发生变化，就像经常所看到的滚动条。

自适应布局

特点是分别为不同的屏幕设置布局格式，当屏幕大小改变时，会出现不同的布局，意思就是在这个屏幕下这个元素块在这个地方，但是在那个屏幕下，这个元素块又会出现在那个地方。只是布局改变，元素不变。可以看成是不同屏幕下由多个静态布局组成的。

流式布局

特点是随着屏幕的改变，页面的布局没有发生大的变化，可以进行适配调整，这个正好与自适应布局相补。

响应式布局

这个就好理解了，意思就是分别为不同的屏幕设计的布局方式，可以理解成自适应布局和流程布局的结合。

---

结合上述文字描述，再观察如下的页面实际效果，应该可以把这几个概念搞清楚：
http://wow.techbrood.com/fiddle/1753