一部分人对于响应式网站的定义是：能够适应不同屏幕大小终端设备的网站称之为响应式网站。所以很多人都会把响应式网站当作自适应网站，但是其实响应式网站和自适应网站是有区别的，它们两者从形式上看，共同点都是可以实现自动适应不同屏幕大小的终端设备，但是这两者是有根本的区别的。
 
但是如果通过实际的浏览体验，就能分辨出它们的区别。可以说响应式是自适应的父级，也就是说响应式的开始形态是自适应。那么，首先得明白这两个两个定义，什么是响应式布局？什么是自适应布局？
 
什么是响应式布局？
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。响应式网页布局设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。在项目中你会遇到不同的终端，由于终端分辨率不同，所以你要想让用户体验更好，就必要让你的页面能够兼容多个终端。

 
什么是自适应布局？
自适应网页布局设计指网页能够在不同大小的终端设备上自行适应显示。简单来说：就是让一个网站在不同大小的设备上呈现显示同一样的页面，让同一个页面适应不同大小屏幕，根据屏幕的大小，自动缩放。
 
总的来说响应式与自适应的原理是相似的，都是检测设备，根据不同的设备采用不同的css，而且css都是采用的百分比的，而不是固定的宽度，不同点是响应式网站在不同的设备上看上去是不一样的，会随着设备的改变而改变模板样式、模块排版、展示样式。而自适应不会，所有的设备看起来都是一样的网站，不过是长度或者图片变小了，不会根据设备采用不同的展示样式。