在网站建设中，响应式布局和自适应式布局是目前听得比较多的一种网站展现形式，目的都是为了解决电脑、手机、平板、微信等不同终端网页的展示效果不一致的问题，那么响应式布局和自适应式布局有什么区别呢？下面一起来了解下。

　　一、响应式布局

　　响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。换句话说就是一个网站能够兼容多个终端，而不是为了每一个终端做一个特定的版本。

　　二、自适应式布局

　　自适应布局就是指能忘了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术，它需要开发多套界面来适应不同的终端。

　　三、响应式布局与自适应布局的区别

　　1、自适应布局需要开发多套界面，而响应式布局只需要开发一套界面就可以。

　　2、自适应对页面做的屏幕适配是在一定范围：比如pc端一般要大于1024像素，手机端要小于768像素。而响应式布局是一套页面全部适应。

　　3、自适应布局如果屏幕太小会发生内容过于拥挤。而响应式布局正是为了解决这个问题而衍生出的概念，它可以自动识别屏幕宽度并做出相应调整的网页设计。

　　4、自适应布局通过检测视口分辨率，来判断当前访问的设备是：pc端、平板、手机，从而请求服务层，返回不同的页面；响应式布局通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容。

　　响应式布局和自适应式布局各有其应用优势，但由于响应式布局只需做一套界面就可适用多个终端比起自适应布局需要开发多套界面，不仅花费时间少而且成本也更低，因而更受用户喜爱。