导读:建站文章建站文章什么是自适应网站？其实自适应更专业的说法是响应式网站。在2010年5月，Ethan Marcotte提出的响应式网站的概念，通俗的说，就是一个网站可以兼容不同的建站的技术网站技术。

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

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

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

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

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

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

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

腾讯网的电脑版和移动版对比  

关键词标签: 建站 自适应 慎重