自适应

自适应是为了解决如何才能在不同大小的设备上呈现同样的网页,即”一次设计,普遍适用”。

问题：如果屏幕太小，即使网页能够根据屏幕大小进行适配，但是会感觉在小屏幕上看，内容过于拥挤。

响应式

解决了自适应所暴露出的问题，可以自动识别屏幕宽度、并做出相应调整的网页设计，布局和展示的内容可能会有所改动。