responsive-design - 响应式设计与自适应设计

Question

您能否以简单的方式解释 RWD(响应式网页设计)和 AWD(自适应网页设计)之间的区别？

Answer 1

自适应(AWD):不一定设置在流体网格上；针对特定设备分辨率(320、768、1024 等)；可以设置宽度(固定)或相对宽度(%)，由媒体查询控制。

响应式(RWD):建立在流体网格上；无论屏幕分辨率如何，都会随着浏览器而变化；如果需要，内容可以分解并重新对齐。

简而言之:RWD 与 AWD 类似，只是向前迈出了一两步，以便为未知设备和已知设备进行 future 证明设计。