Question

静态，自适应，流式，响应式四种网页布局有什么区别

Answer 1

响应式与自适应的原理是相似的，都是检测设备，根据不同的设备采用不同的css，而且css都是采用的百分比的，而不是固定的宽度。

不同点是响应式的模板 在不同的设备上看上去是不一样的，会随着设备的改变而改变展示样式。

而自适应不会，所有的设备看起来都是一套的模板，不过是长度或者图片变小了，不会根据设备采用不同的展示样式。

流式就是采用了一些设置，当宽度大于多少时怎么展示，小于多少时怎么展示，而且展示的方式向水流一样，一部分一部分的加载。

静态的就是采用固定宽度的了。

Answer 2

做好的html页面都是静态的
你所说的静态应该是固定值
静态：比如谷底固定好div的宽度和高度[偏向理解]
自适应：也就是按照你的浏览器宽度自动缩小放大
流式：也就是div自行排列 比如[div 宽是100px 那么我浏览器宽是500px 我们可以排列5个div 如果浏览器宽是300px 那么div就会自动排列成2行 第一行是3个div 第二行是2个div]
响应式：借助css3中的Media Queries 响应媒体查询这个标签来达到判断分辨率大小来执行css中的样式代码[早期做响应式的话 使用js来判断]
像这样网站: ipbun.cn 就是响应式的