---

自适应感觉 就是 100%做宽度的网站，但是响应式 是通过 css3 media query技术来实现的，两者实现方式不一样 。

---

概念自然是不同的，上海雍熙建站十二年给一下的建议，一些自适应和响应式的区别在上海雍熙公众号中也是有告知的，想了解更多可以去看一下：

自适应是为了解决如何才能在不同大小的设备上呈现相同的网页。手机的屏幕比较小，宽度通常在600像素以下，pc的像素一般在1000像素以上，部分配置高的笔记本在2000像素以上的也有，同样的页面要显示在不同的设备上面，还要呈现出满意的效果，不是一件容易的事情。因此就有人想出了一个办法，能不能"一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕的宽度，自动调节网页的内容大小，但是无论怎么样子，他们的主体的内容和布局是没有变化的。

响应式的概念应该是覆盖了自适应，但是包括的东西更多。响应式布局是解决如何根据屏幕的大小自动调整页面的展现方式，以及布局。自适应还是暴露出一个问题，如果屏幕太小，即使网页能够根据屏幕大小进行适配，但是会感觉在小屏幕上查看，内容过于拥挤，响应式正是为了解决这个问题而衍生出来的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计，布局和展示的内容可能会有所变动。

---

不是。

1、什么是自适应网站？

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

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

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

2、什么是响应式网站？

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

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

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

---

自适应是随著浏览器的大小变化而变化，响应适是响应屏幕尺寸，需要通过CSS来实现

---

狭义上的自适应一般是指页面100%适配设备窗口宽度不出现横向滚动条；广义上自适应是指页面在各种窗口尺寸和解析度下都能正常显示。响应式算自适应的一个子集，通常是用media query，也可能用JS判断，来为页面配置不同的css使之显示正常（一般会切换布局）。

---

看看下面视频，就知道响应式网站是怎么变化尺寸的

3分钟制作手机版、电脑版网页youku.com视频

---

自适应是随著浏览器的大小变化而变化，响应适是响应屏幕尺寸，需要通过CSS来实现

自适应感觉 就是 100%做宽度的网站，但是响应式 是通过 css3 media query技术来实现的，两者实现方式不一样 。但是响应式可以改变布局，自适应只能通过改变宽度来实现 可以找我做哦

---

推荐阅读：