响应式网站与自适应网站各有什么优缺点？

随着移动互联网发展，公司官方网站已经不局限于在电脑PC展示，也需要在移动端展示效果。只是屏幕视觉大小差别大，为了满足PC和移动端同步展示效果，工程师们开发出响应式网站和自适应网站，那么，他们各有什么优缺点呢？

首先，两者都是优化适应互联网中越来越分化的视口浏览体验，而出现的为视口提供更好的体验的技术。用技术来使页面适应不同分辨率的视口的设计。

其次，先讲一下响应式优缺点和标志

标志

面包屑菜单

改变浏览器宽度会在不同分辨率下显示不同的布局

优点：

面对不同分辨率设备灵活性强

能够快捷解决多设备显示适应问题

缺点：

仅适用布局、信息、框架并不复杂的部门类型网站

兼容各种设备工作量大，效率低下

代码累赘，会出现隐藏无用的元素，加载时间加长

其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果

一定程度上改变了网站原有的布局结构，会出现用户混淆的情况

再次，讲一下自适应网站优缺点和标志

标志

大多只是适配单个终端的主流N个主流视口（2-3个）

当视口大小低于设置的最小视口时，界面会出现显示不全，溢出，并出现横向滑动指示器（主要出现在pc端，移动端决不允许出现这种情况）

总体框架不变，横线布局的板块大多会有所减少

优点

对网站的复杂程度兼容性更大

实施起来代价更低，

代码更高效

测试更容易，运营相对更精准（图片可控性更高）

缺点：

在移动端设计大行其道之下，同一个网站，往往需要为不同的设备开发不同的页面，增加开发成本

当需求改变时，可能会改动多套代码。流程繁琐。

理论上来说，响应式布局在任何情况下都比自适应布局好一些，但在某些情况下自适应布局更切实际。自适应布局可以让你的设计更加可控，因为你只需要考虑几种状态就可以了。总的来说，响应式布局你可能要考虑不同情况下可能存在差异，对测试来说加大难度，对设计出来的效果可能存在疏漏或失误，你很难有绝对的把握预测到它会怎样。而自适应网站相比较来说有它自己的优势，因为它们做起可能代价和失误率更低，测试更容易，客户更显现看到终端展示效果。所以，自适应网站成为更切实际的解决方案。