Responsive design (响应式设计):建立一个网页,通过CSS Media Queries,Content-Based Breakpoint(基于内容的断点)等技术来改变网页的大小以适应不同分辨率的屏幕。
Adaptive design (自适应设计):为不同类别的设备建立不同的网页,检测到设备分辨率大小后调用相应的网页。目前AWD网页主要针对这几种分辨率(320,480,760,960,1200,1600)
在下图中可以看到,Responsive design中网页和屏幕分辨率的关系是一对多的,一套网页适应多个设备。而Adaptive design 中网页和屏幕分辨率的关系则是一一对应。

因此Responsive design相对来说灵活性更高,但是相应的每次的载入内容会比较多,比如一些响应式框架里动辄7-8个CSS,7-8个JS加载......
反之,只针对某一类或某几类分辨率设计响应网页大小Adaptive design的优势就在于减少载入的等待时间,提高网页的响应速度了。