网站响应式和自适有哪些区别

　　很多人经常会对响应式布局和自适应式布局产生混淆，现在为大家介绍这两者到底表示的是什么以及它们之间的区别。

　　什么是响应式布局

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

　　什么是自适应式布局：

　　自适应布局是网页内容根据设备的不同而进行适应的展示方法，它需要开发多套界面来适应不同的终端。

　　为了使我们的比较更容易理解，让我们看一下它们的主要组成部分。

　　布局

　　通过响应式设计，布局由站点访问者的浏览器窗口决定，相比之下，自适应布局是在后端确定的，而不是由客户端或浏览器确定的，该设计生成每个设备类所独有的模板，服务器检测到诸如设备类型和操作系统之类的因素，以发送正确的布局。

　　加载时间

　　没有人喜欢一个加载速度缓慢的网站，如果网站在2秒或更短时间内无法加载，人们就会变得不耐烦并退出，自适应设计通常比响应式设计加载速度更快，这是因为自适应设计仅传输特定于每个设备的必要元素。

　　SEO友好

　　搜索引擎会推荐和奖励使用响应式设计的网站，移动友好型网站在搜索引擎结果页上的排名较高，自适应设计可能会对SEO构成挑战。

　　区别：

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

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

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

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

　　总之，响应式布局还是要比自适应布局要好一点，但是自适应布局更加贴切实际，因为你只需要考虑几种状态就可以了而不是像响应式布局需要考虑非常多的状态。