响应式网站的建设是根据用户的行为和设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。

具体的实践方法由多方面组成，包括弹性网格和布局、图片、CSSmediaquery的使用等。无论用户使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸和相关脚本功能，以适应不同的设备；换句话说，页面应该有能力自动响应用户的设备环境。响应式网页设计是一个网站可以兼容多个终端，而不是每个终端的特定版本。

自适应网站建设是指能够使网页自适应地显示在不同尺寸的终端设备上的新网页设计方法和技术。每个人都可以理解为不同尺寸的设备上呈现相同的页面，让相同的页面适应不同尺寸的屏幕，并根据屏幕尺寸自动调整布局。

响应式网站建设和自适应网站建设的区别:理论上，响应性布局在任何情况下都优于自适应布局，但在某些情况下，自适应布局更现实。

自适应布局能使你的设计更具控制性，因为你只需考虑几种状态就能使一切顺利。但是在响应性布局中，你可能需要面对很多状态——是的，大多数状态之间的差别很小，但是它们确实是不同的——这样就很难准确地理解你的设计会是什么样子。与此同时，这也带来了测试中的难题，你很难有绝对的把握来预测它发生什么。从另一个角度来看，这也是响应性布局的魅力所在。通过允许表面上的不确定性存在，你可以得到更高层次的确定。

尽管您不能准确地预测您的设计是如何在943px×684px视觉区域汇中显示出来的，但是您可以确定的是，它们肯定会显示得很好——无论是表面特征还是布局结构都很有序。

自适应布局有其自身的优点，因为它们的实施成本更低，测试更容易，这常常使它们成为更现实的解决方案。自适应布局可视为响应性布局的穷兄弟，在资源有限的情况下可使其出马。尤其在改进现有网站时特别有效，因为此时所有重写代码都不可行。