導(dǎo)讀:建站文章建站文章什么是自適應(yīng)網(wǎng)站？其實(shí)自適應(yīng)更專業(yè)的說法是響應(yīng)式網(wǎng)站。在2010年5月，Ethan Marcotte提出的響應(yīng)式網(wǎng)站的概念，通俗的說，就是一個(gè)網(wǎng)站可以兼容不同的建站的技術(shù)網(wǎng)站技術(shù)。

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

但事實(shí)又是否這樣呢？對(duì)熱衷響應(yīng)式或自適應(yīng)的人，不難想象：網(wǎng)站適應(yīng)了移動(dòng)設(shè)備的顯示，界面也非常美觀，你可能覺得一切都很好，網(wǎng)站也實(shí)現(xiàn)了友好移動(dòng)的目標(biāo)。然而不要開心得太早，數(shù)據(jù)表明：這種響應(yīng)式設(shè)計(jì)，會(huì)令你的用戶和經(jīng)濟(jì)效益流失30-50%。

想知道真相是什么？因?yàn)樽赃m應(yīng)和響應(yīng)式根本就是一個(gè)坑！響應(yīng)式網(wǎng)站有幾個(gè)致命缺點(diǎn)：

1.響應(yīng)式設(shè)計(jì)僅是改善移動(dòng)體驗(yàn)并沒達(dá)到最優(yōu)化。

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

某響應(yīng)式網(wǎng)站在移動(dòng)端上的顯示缺陷(右側(cè)為移動(dòng)版)

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

騰訊網(wǎng)的電腦版和移動(dòng)版對(duì)比  

關(guān)鍵詞標(biāo)簽: 建站 自適應(yīng) 慎重