1、什么是自适应网站？

2011年，网页设计师Aaron Gustafson在他的书《自适应网页设计》里率先提出了自适应网页设计的概念。

自适应网站即使用不同设备浏览时呈现不同的网页，网页内容及版式风格或相似或完全不同，和PC端属于不同的网站模板，数据库内容或相同一致，或独立不同，目的在于为了符合访客的浏览，即通过宽度来调整网页内容的大小，来达到不同大小的设备所看到的网站内容及布局都是一样的。

形象的说就像是同一张照片，其大小按照不同比例缩放来展示。针对一些优化人员，更习惯于做到数据库同步，使PC端的网址和内容与移动端的网址和内容一一对应。

2、什么是响应式网站？

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

响应式网站即使用不同的设备浏览网站时，网站样式风格、内容和网址都是完全一样的，PC端和移动端属于同一个网站模板，数据库完全一致，也非常符合搜索引擎的优化规则。即在网站上的页面，由于采用响应式的布局，可以在任何设备上无障碍显示，但是网页的样式早已根据响应式的布局转变成专为其他设备所准备的样式。

响应式网站概念覆盖了自适应，而且涵盖的内容更多。


作者：新网
链接：https://www.zhihu.com/question/29885940/answer/1462023042
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。