【发布时间】：2014-08-13 15:54:58
【问题描述】：
这是Adaptive / responsive的演示网址
第一次进入自适应主题，我刚刚阅读了这个Article 并查看了演示站点。
当我更改浏览器大小时，我看不到响应式和自适应的巨大差异。你能建议吗，有什么方法可以显示响应式和自适应的区别
【问题讨论】：
标签： css responsive-design adaptive-design
【发布时间】：2014-08-13 15:54:58
【问题描述】：
不同之处在于自适应布局为某些屏幕尺寸设置了布局，这意味着内容在每个布局中都设置为固定大小，并且只是在它们之间切换。
完全响应式布局意味着所有内容都使用百分比和相对测量单位进行缩放，因此它可以不断响应任何屏幕尺寸，而不仅仅是一组特定尺寸。
如果您在该页面上打开响应式演示，您会注意到事物的宽度会随着您的浏览器不断缩放，而自适应的则不会。
【讨论】：
-
所以基本上，响应式：液体：：自适应：固定宽度？
-
Responsive 和 Liquid 本质上是一样的，不同的是 responsive 也在不同的断点处使用了自适应布局，而 Liquid 只是缩放。而fixed-width/static本质上和adaptive是一样的，只是它只有1个布局和1个断点，而adaptive layout可以有多个。响应式和静态基本上处于光谱的末端，而液体和自适应介于两者之间。
-
另一种说法或思考是，自适应布局是一组多个静态布局，在多个不同断点处的静态布局。在多个断点处有多个静态布局这一事实使其具有“自适应性”。