傻傻分不清的响应式网站与自适应网站详解

　　日常生活中，我们经常听到很多网站前端套路响应式网站与自适应网站，但很多人仍然对他们傻傻分不清，下面珍岛上海网站建设的小编给大家讲解一下他们的含义与区别。

　　响应式设计是指一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。

　　自适应设计指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。

　　响应式优缺点和标志

　　标志

　　面包屑菜单

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

　　优点：

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

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

　　缺点：

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

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

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

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

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

　　自适应网站优缺点和标志

　　标志

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

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

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

　　优点

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

　　实施起来代价更低，

　　代码更高效

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

　　缺点：

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

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