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

今天在群里聊天,突然聊到这个问题.发现自己理解的也不算很清楚明了,也没法给别人讲出来.

问题不能留过夜,百度了半天的资料,大概有了自己的总结:

静态: 不管在那种设备,那种浏览器上浏览都是一个样.当然,移动设备上可以缩放,或者显示不全.

自适应:也就是自动适应屏幕的.元素大小会跟着屏幕分辨率改变而改变.当然,这样内容的阅读就会有问题了.

流式:这个其实说不太清楚.不过可以这样来看:就是每个模块都是可以移动的.但是块的大小却不会改变.过小的分辨率也会显示不全.

响应式:一般来说,这个是综合了自适应和流式的方法.元素位置会改变,元素的大小会改变,元素的内容也会改变,甚至某些元素是否显示也会改变.另外一点就是,显示的效果也会不同.所谓的效果即特效.

响应式和自适应的关系很密切，经常二者是互通的。响应式通常意味着对待任何变化，反应更积极更快。而自适应往往是应对一个新需求或是情况的被动反 应，例如变化。响应式设计应对不同因素的变化，都会很流畅自如，例如设备宽度。而自适应设计会基于一定的因素搭建。

目前差不多就是这个概念,如果有新感悟再来修改.