如果您是一个的网页设计师当看到我这个题目一定会在心理暗暗的讽刺下这人一定是不懂设计的，竟然还会问出这样的问题！其实小编自然也知道两者其实是一个概念来的，可是当很多人知道其一有的却不知道自适应网页设计，其实很多人会去看其相关的含义，发现他的含义几乎是相同的，其实就是源于翻译的问题，这个概念是由 Ethan Marcotte 曾经在 A List Apart 发表过一篇文章”Responsive Web Design”，文中援引了响应式建筑设计的概念。而很多作品中也直译为自适应网页设计。

随着 3G 的普及，越来越多的人使用手机上网。移动装置正超过桌面装置，成为访问互联网的常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的装置上呈现同样的网页？自适应不同解析度的网页设计应运而生；下面是腾讯做的一项例项分析，先呢来看一张图：

这是 2 个半月腾讯游戏官网的解析度资料，可以看出来 PC 端里 1024*768 占 20% 、 1920*1080 占 14% 。而这 2 个解析度的显示宽度相差了接近一倍。
而现在设计师的设计稿普遍输出尺寸都是 1920，所以设计师经常也会担心：小解析度下能看到吗？或者需要为手机端单独做一版吗？所以我们需要用一些技巧来让大多数多用户能看到的页面效果是一样的。这个概念就诞生了。