现在网站的技术越来越贴合人们的生活，不同屏幕的大小，看网站是一样的构架，一样的风格，那响应式网站是什么样子的？自适应式的网站又是什么样子的呢？有什么区别吗？下面就带大家去看一看！
定义：
响应式网站设计是一种网络页面设计布局，其理念是:集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。
自适应网页设计(Adaptive Web Design)指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。
优缺点：
1、自适应网页设计的优缺点：
优点：
1.随着移动设备越来越多，可以提升用户体验。
2.该设计没有网页版本区分，所以SEO的策略保持一致。
3.可以避免重复内容，专心维护这一个网页。
4.保持网页的原有链接。
5.Google也建议优先采用响应式设计，因为无论是什么网页版本都是相同的HTML、相同的内容，Google最容易处理。
响应式网页设计对SEO是友好的，这些相关技术还在不断演化中，还有许多尚待客服的地方。下面来说说它的缺陷：
1.对老版本IE支持不好，这是一个致命的问题，尤其是IE6，如果你的网站用户大多还采用老版本的IE的话(建议在统计工具里看一下)，就不适合做响应式网页设计了。
2.例如一些小游戏站、视频站，如果仅仅是网页采用了响应式设计，但里面的内容依然是只能在PC端打开的话，这时候就要认真考虑了。
3.不是什么网站都能响应式的，尤其是一些内容比较多、网站模块分布比较固定的网站。
4.IE6不兼容，所以当你决定你的网站采用响应式西安网站制作时，就等于你已经决定抛弃这部分用户了，可以查看流量统计里IE6用户的占比，如果不多就可以考虑。
5.移动端流量吃紧，移动端应该是字符少，所以打开需要的流量少，但是响应式网页的大小和PC端一模一样，所以这个在移动网速不发达的今天，很多人还是放弃考虑了。
6.设计制作要求高，设计的时候每个页面都要考虑，当页面变小时如何展示，还有就是前端制作时兼容性调试，这个工作量会比分开做一个移动端和PC端多2倍。
2、自适应网站的优缺点
优点：
1.提升用户体验
响应式网站考虑了不同的终端下不同分辨率下的显示效果，如果移动设备浏览传统网站，由于没有对移动设备进行过优化处理，所有体验效果相对会比较差，响应式网站设计，根据不同分辨率都会出现的显示效果都进行了现对调整，大大提高了用户浏览的体验效果。
2.节省时间和成本
响应式技术，虽然有时在规划阶段非常耗时，但是从长远来看可以帮助开发人员节约时间。使用响应式技术，不需要专门为移动设备重新设计网站和重定向。这可以使网站更新变得更简单，因为一个更新就可以解决所有的设备。
3.对seo 更加友好
响应式设计会提高搜索引擎权重。因为一个响应式网页设计只有一个URL，而不是多个页面指向移动设备，避免搜索引擎因重复内容而降低权重。Google也建议优先采用响应式设计，因为无论是什么网页版本都是相同的HTML、相同的内容，Google最容易处理。
缺点：
1.对老版本IE 兼容不好
对于ie8及以下版本的ie浏览器兼容不太好，由于响应式网页布局采用html5+css3的一些新特性,而ie8及以下的浏览器对这些都不支持，这些影响都只是局限于pc机上，而pc机一般都是正常的分配率浏览，所以这些影响都并不是大问题!
2.移动端浏览浏览量会产生更多流量
由于响应式网站，基本都考虑了不同终端显示分辨率下的显示效果，所以代码量会相对较高，同时对于移动端的浏览，一些图片并没有针对移动端进行过优化，所有会产生相对较多的流量。
本质：
响应式网站可以自动识别屏幕宽度、并做出相应调整的网页设计，布局和展示的内容可能会有所变动。
自适应是为了解决如何才能在不同大小的设备上呈现同样的网页，网站的内容和布局是没有变的。
如何选择使用自适应网站还是响应式网站：
1.一般使用自适应网站的手机站主要因为自己在建设手机站之前已经有了PC站，PC站不能做到小屏幕设备适中浏览，又不能进行大改版影响网站优化，故此建设自适应的手机站跳转来实现手机、ipad等符合浏览，手机站数据库一般为同步。
2.响应式网站往往是建设新站时设计，之前无PC站或手机，不需要顾及网站优化及数据同步，可设计为响应式网站，响应式网站更加符合访客浏览，增加网站体验度，也更符合网站优化工作。
总结：响应式网站在这里大家可以理解为做一个网站就能适应多种设备，而不用在为每个设备做一个特定的版本，在不同的设备上展现的模式也不一样。响应式可以为不同终端的用户提供更舒适的界面和更好的浏览体验。 自适应布局指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。大家可以理解为不同大小的设备上呈现同样的页面，让同一个页面适应不同大小屏幕，根据屏幕的大小，自动调整布局。