導讀:建站文章建站文章什么是自適應網站？其實自適應更專業的說法是響應式網站。在2010年5月，Ethan Marcotte提出的響應式網站的概念，通俗的說，就是一個網站可以兼容不同的建站的技術網站技術。

什么是自適應網站？其實自適應更專業的說法是響應式網站。在2010年5月，Ethan Marcotte提出的響應式網站的概念，通俗的說，就是一個網站可以兼容不同的終端，不用為每個分辨率設備做一個特定的版本的網站。近年來，各種大屏幕移動設備的普及，響應式網站也受到了更多人的青睞。甚至大多數的人認為，響應式網站是實現友好移動目標，更好、更快、更省的方案。

但事實又是否這樣呢？對熱衷響應式或自適應的人，不難想象：網站適應了移動設備的顯示，界面也非常美觀，你可能覺得一切都很好，網站也實現了友好移動的目標。然而不要開心得太早，數據表明：這種響應式設計，會令你的用戶和經濟效益流失30-50%。

想知道真相是什么？因為自適應和響應式根本就是一個坑！響應式網站有幾個致命缺點：

1.響應式設計僅是改善移動體驗并沒達到最優化。

不管是自適應設計，還是響應式設計，它們的基本原則是：盡可能不要因為設備不同而導致顯示不同的內容（比如在低分辯率的終端上會刪減某些內容）。試想，顯示在電腦1440x900分辨率屏幕上的內容，要在手機的320x240分辨率屏幕上顯示，你會發現，可視區域變小，內容都擠一起，頁面拉長，排版順序錯亂，使用困難度增加等等。所以自適應和響應式設計，都是選擇性把內容隱藏，以適應小頁面，減少上述的問題出現。但這樣一來，頁面的表現效果就沒那么理想了，交互體驗也達不到移動端的最優，把控不好網站就會給用戶不倫不類的感覺。  

某響應式網站在移動端上的顯示缺陷(右側為移動版)

例如上面的響應式網站，右邊移動端明顯將在左邊電腦端有展示的產品都隱藏了，這對從電腦端切換到移動端的用戶是很不友好的。而且移動端的交互設計也不是我們熟悉的。還有很明顯的一點是，同一個網站風格差異卻如此大，感覺就是兩個網站。如果是單獨設計的移動網站，它就能避免像上面響應式網站那種顯示上的突兀，例如下面的一些電腦端和移動端網站的對比：

騰訊網的電腦版和移動版對比  

關鍵詞標簽: 建站 自適應 慎重