所謂“響應式網(wǎng)頁設計(Responsive Web Design)”也就是自適應，就是可以自動識別屏幕寬度、并做出相應調(diào)整的網(wǎng)頁設計。目前這種設計已經(jīng)出現(xiàn)在越來越多的國內(nèi)網(wǎng)站上，目前Google已經(jīng)明確表明鼓勵響應式網(wǎng)頁設計。
使用自適應網(wǎng)頁設計有5個好處：
1、隨著移動設備越來越多，可以提升用戶體驗。
2、該設計沒有網(wǎng)頁版本區(qū)分，所以SEO的策略保持一致。
3、可以避免重復內(nèi)容，專心維護這一個網(wǎng)頁。
4、保持網(wǎng)頁的原有鏈接。
5、Google也建議優(yōu)先采用響應式設計，因為無論是什么網(wǎng)頁版本都是相同的HTML、相同的內(nèi)容，Google最容易處理。
響應式網(wǎng)頁設計對SEO是友好的，這些相關(guān)技術(shù)還在不斷演化中，還有許多尚待客服的地方。
下面來說說它的缺陷：
1、對老版本IE支持不好，這是一個致命的問題，尤其是IE6，如果你的網(wǎng)站用戶大多還采用老版本的IE的話(建議在統(tǒng)計工具里看一下)，就不適合做響應式網(wǎng)頁設計了。
2、例如一些小游戲站、視頻站，如果僅僅是網(wǎng)頁采用了響應式設計，但里面的內(nèi)容依然是只能在PC端打開的話，這時候就要認真考慮了。
國外copyblogger的博客提到了一個很特別的案例，就是迪士尼公司的網(wǎng)頁。他說在迪士尼網(wǎng)頁中有許多給小朋友玩的網(wǎng)頁游戲，有些游戲可以在桌上型電腦玩，但是如果使用移動設備就可以無法使用。因此這個情況下，就必須做出抉擇，放棄使用Responsive Web Design，或是修改游戲。
寫在最后：
從今年開始，響應式網(wǎng)頁設計逐漸流行開來，雖然很熱門，但是并沒有太多網(wǎng)站采用這類的設計方式。
響應式網(wǎng)站建設中的常見問題
1、屏幕尺寸多，很難做到一次編碼，到處運行
目前，主流的大家用來訪問網(wǎng)頁的設備有：計算機(廢話)，iPad，Android Pad(例如三星的)，智能手機。那么做一個網(wǎng)站，必須到這些設備上去測試和運行。普通的網(wǎng)站作坊很少有人會愿意花這么多的精力去測試一個網(wǎng)站。
2、視覺設計要求高、細節(jié)多
因為不能使用絕對定位，那么在設計的時候需要考慮可讀性以及區(qū)域面積以及在不同的設備下的行為。這對一般的設計師來說簡直是一場災難。所以很少有出眾的響應式網(wǎng)站出現(xiàn)。
3、前端實現(xiàn)難、跨技術(shù)合作
響應式設計出的稿子，當然還需要響應式的實現(xiàn)。響應式的基礎(chǔ)就是HTML5, CSS3。小的建站公司，一般是沒有錢去聘用精通HTML5和CSS3技術(shù)的高手的。最多是讓程序員在寫代碼之前看2天書，然后就趕鴨子上架。這就導致了即使設計師設計出了很棒的模板，但是在實現(xiàn)了之后，怎么看怎么不舒服。
4、成本大
因為響應式設計需要對多個界面兼容、功能調(diào)試，導致整個制作過程需要UI設計師和前端工程師要不斷磨合制作。而測試人員也要在不同的設備下對網(wǎng)站進行測試。我們做過調(diào)查。如果創(chuàng)建一個普通網(wǎng)站的成本是1，那么創(chuàng)建一個響應式模板的成本大概在2.5左右。由于小的建站公司的報價普遍比較低，利潤空間肯定不支持他們把網(wǎng)站做成響應式的。
5、結(jié)論
總的來說，響應式網(wǎng)站設計比傳統(tǒng)的網(wǎng)站設計復雜的多。它需要更多的人員參與到網(wǎng)站制作中來。它給美工、前端和后臺開發(fā)團隊之間的協(xié)作模式帶來很多挑戰(zhàn)。因此，響應式網(wǎng)站的建設成本往往是傳統(tǒng)網(wǎng)站的2-3倍。
