响应式网站建设和自适应网站建设到底有何区别？

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的优势就在于减少载入的等待时间，提高网页的响应速度了。