什么是自适应网站？其实自适应更的说法是响应式网站。在 2010 年 5 月，Ethan Marcotte 提出的响应式网站的概念，通俗的说，就是一个网站可以相容不同的终端，不用为每个解析度装置做一个特定的版本的网站。近年来，各种大萤幕移动装置的普及，响应式网站也受到了更多人的青睐。甚至大多数的人认为，响应式网站是实现友好移动目标，更好、更快、更省的方案。

但事实又是否这样呢？对热衷响应式或自适应的人，不难想象：网站适应了移动装置的显示，介面也非常美观，您可能觉得一切都很好，网站也实现了友好移动的目标。然而不要开心得太早，资料表明：这种响应式设计，会令您的多用户和经济效益流失 30-50% 。

想知道真相是什么？因为自适应和响应式根本就是一个坑！响应式网站有几个致命缺点：

1. 响应式设计仅是改善移动体验并没达到优化。

不管是自适应设计，还是响应式设计，它们的基本原则是：尽可能不要因为装置不同而导致显示不同的内容（比如在低分辩率的终端上会删减某些内容）。试想，显示在电脑 1440×900 解析度萤幕上的内容，要在手机的 320×240 解析度萤幕上显示，您会发现，可视区域变小，内容都挤一起，页面拉长，排版顺序错乱，使用困难度增加等等。所以自适应和响应式设计，都是选择性把内容隐藏，以适应小页面，减少上述的问题出现。但这样一来，页面的表现效果就没那么理想了，互动体验也达不到移动端的优，把控不好网站就会给多用户不伦不类的感觉。

响应式网站 响应式设计 自适应布局

某响应式网站在移动端上的显示缺陷 (右侧为移动版)

例如上面的响应式网站，右边移动端明显将在左边电脑端有展示的产品都隐藏了，这对从电脑端切换到移动端的多用户是很不友好的。而且移动端的互动设计也不是我们熟悉的。还有很明显的一点是，同一个网站风格差异却如此大，感觉就是两个网站。如果是单独设计的移动网站，它就能避免像上面响应式网站那种显示上的突兀，例如下面的一些电脑端和移动端网站的对比：

响应式网站 响应式设计 自适应布局

天猫的电脑版和移动版对比

从上面天猫它们的做法看到：个性化的宫格布局，流行的移动端介面，合理地显示网站资讯。显然这些才是我们所熟悉的移动端表现，互动上更贴近 WordPress APP 的 UI 风格，更好的多用户体验。为什么他们能把网站在移动端的表现处理得如此好？因为他们都是专门做了一个移动版的网站，并没有采用自适应设计，因此，网站的设计没有受到自适应方案的限制。

2. 响应式设计并不利于百度的关键词优化和排名。

因为多用户在不同终端的搜索习惯不同，所以百度对移动网站和电脑网站的关键词处理策略也不相同。而对于响应式的方案，不同终端访问到的网页代码是一样的，这样就不能在电脑端和移动端设定不同的关键词。这无疑是给百度关键词优化增添了大大的阻碍。

另外，百度的搜索排名也是有移动端和电脑端之分的。针对这方面，更适合使用独立的移动端网站专门做移动端的百度排名，这样不会影响电脑端的百度排名，两个版本的网站百度优化也可以独立进行。

所以，如果您的网站需要进行商业推广的话，那还是独立做一个移动版网站更好，而不是使用响应式网站。

3. 响应式网站无法区分移动端，浪费频宽，载入耗时长。

响应式（自适应）设计的实现方式，往往是缩小或者隐藏电脑版网站的内容，使之适应移动端的窄屏。但隐藏的内容依然会载入，低解析度装置会载入高质量的图片或者视讯，不分萤幕尺寸都提供相同大小的网页。这样的话，响应式网站载入的内容相比非响应式网站会增加 20-50% 。载入内容多，速度慢，浪费流量。在国内高流量费面前，多用户是想都不用想就会放弃使用您的网站的。

响应式网站相对非响应式网站的载入耗时，一般都会延长 1-2 秒，在 2G 、 3G 网络情况下更严重。而 Google 统计的资料是载入时间每延长 0.4 秒就会有 0.59% 的多用户流失，电商类代表亚马逊则表示每延长 0.1 秒就会有 1% 的多用户流失，资讯门户类的雅虎则是每延长 0.4 秒就会流失 5-9% 的多用户。所以您的响应式网站每天流失了多少多用户，您可以对号入座算一算。

4. 响应式对于 ie6,7,8 浏览器简直是悲剧。

响应式或者自适应方案里，运用了很多 html5 新特性，而这些新特性只有高阶的现代浏览器才支持，而在 ie6,7,8 来说几乎是看不了的，甚至在 ie9,10 的表现也只是差强人意。从 cnzz 资料中心统计的国内浏览器使用率来看，ie 占比高达 36.29% 。请问您能承受 36.29% 的多用户流失吗？

响应式网站 响应式设计 自适应布局

响应式网站在 IE 上体验或将失去 36.29% 的多用户

现在您是否已经察觉，不管是淘宝、天猫、京东、唯品会，还是腾讯、百度、新浪、 360 为什么都不用响应式了吧？我们丝毫不会怀疑：响应式或自适应仅仅是一个坑。而正确的做法是分开建设电脑端和移动端网站。专门建设一个移动版的网站才是可行的法则，这样才能更灵活，提供更、更优的移动体验和个性化、多样化的设计。

我们可能会疑问为什么市场上响应式网站会那么火？真相是，响应式或自适应设计，仅是是设计师的主观决定，他们认为电脑网站介面不再适用移动网站介面，然后非作出相应的改变不可。甚至存在更可笑的情况，程序设计师为了卖弄技术而使用响应式，建站公司为了显得更高大上多骗点钱而丢掷响应式等等。响应式的运用在很多情况下都是没必要的，也没什么值得大家去追棒。

所以我们的建议就是：知名为您的电脑网站推出移动版本，将关注重点要放在网站资讯展示、网站效能、多用户体验、经济效益、多用户留存等关键点上。

这里或许还有一件事，可能您并不知道，响应式之父 Ethan Marcotte 还说过，“重要的是，响应式网页设计的初衷不是要取代移动网页” 。