[新网网站科学普及]人们经常问什么是自适应网站，什么是响应网站？响应式网站和响应式网站有什么区别？两者之间有什么区别吗？

关于自适应网站和自适应网站之间的差异，大多数客户不了解他们之间的关系和差异，甚至许多设计师和开发人员也不清楚。

要了解两者的区别，在这样做之前，首先要了解以下五种网站布局方式：静态布局（static layout）；流体布局（液体布局）；自适应布局（Adaptive Layout）；响应式布局（Responsive Layout）；灵活的布局（rem / em布局）。

如果公司仅在PC端使用，则静态布局（固定宽度）是最佳选择；

如果您在移动终端上工作，并且设计不需要很高的高度和元素间距，那么灵活的布局（rem + js）是最佳选择，一个css +一个js调整字体大小；

如果PC和移动设备兼容并且要求很高，那么自适应布局或响应布局是一个不错的选择。

1.两者的概念

响应式Web设计：是指与多个终端兼容的网站，而不是为每个终端设计特定版本的网站。

自适应Web设计（Adaptive Web Design）：自适应设计是指使网页能够在不同大小的终端设备上自适应显示的新的网页设计方法和技术。

2.两者的区别

响应式设计的目的是为不同类型的物理设备（PC，平板电脑，手机，手表等）创建相同的网页，并在检测到设备分辨率后调用相应的网页。

自适应设计的目的是为相同类别的物理设备创建三个不同的网页（PC），并在检测到设备分辨率后调用相应的网页。 （它只能适应pc的不同分辨率，例如设置四个齿轮宽度1180、1440、1680和1920）。

3.响应式设计的优缺点

优点：面对不同分辨率的设备具有灵活性-可以快速解决多设备显示适应性问题

缺点：仅适用于布局，功能和框架不复杂的网站，它需要与各种设备兼容，工作量很大，并且代码需要隐藏无用的元素，从而导致加载时间更长。

4.自适应设计的优缺点

优点：与网站复杂性的兼容性更高，实现成本更低，代码更高效。

缺点：自适应网站的移动站有时不能与PC站的内容完全一致，并且工作量很大。自适应移动台通常使用不同的子域或目录跳转。为了优化，权重分散，访问者的浏览体验仍然存在缺陷。

对于布局，功能和框架不复杂的网站，使用响应式Web设计是主流且相对较好的选择，它更有利于网站SEO检索。目前，Xinnet推出的模板和自定义网站建设产品采用自适应设计，并支持PC，手机，平板电脑和电视设备的访问场景。它还包括seo优化，通用表单，成员管理，官方帐户托管和一个小程序。诸如密钥生成之类的许多辅助功能可帮助客户建立数字品牌形象。

了解更多知识登录官网：jianzhan.chengziruanwen.com

橙子建站官方地址：  jianzhan.chengziruanwen.com