“響(xiang)應(ying)(ying)式布局”已經(jing)成為(wei)現今網站建設方案中(zhong)的熱門術語，隨著HTML5技術的發(fa)展，它將很快從一種趨勢變為(wei)常規。但(dan)目前，很多客戶，甚(shen)至互聯網從業者，并沒有完全認識響(xiang)應(ying)(ying)式布局的本質，他(ta)們經(jing)常被以下誤區(qu)所迷(mi)惑：

誤區一：只要是“PC端 + 移動端”的網站就是響應式布局

首先(xian)，我們要明確一點，采用響應式布(bu)局(ju)(ju)的(de)網(wang)站(zhan)，無論在(zai)哪(na)個(ge)終(zhong)(zhong)端(duan)，都是同(tong)一個(ge)網(wang)站(zhan)，且(qie)都通過(guo)同(tong)一個(ge)域名(ming)來打開和顯示網(wang)站(zhan)內容。它會根(gen)據終(zhong)(zhong)端(duan)屏幕的(de)尺寸，智能調(diao)整排版(ban)布(bu)局(ju)(ju)，以達到最佳(jia)瀏覽效果(guo)。

事 實上，很(hen)多網(wang)站(zhan)(zhan)是通過(guo)在PC端和移(yi)動(dong)端搭建兩(liang)個(ge)不(bu)同的(de)網(wang)站(zhan)(zhan)，并為它們分別(bie)綁定兩(liang)個(ge)域名，例如：www.website.com 和 mobi.website.com 用于(yu)打開(kai)PC站(zhan)(zhan)和移(yi)動(dong)站(zhan)(zhan)。然后，通過(guo)對終端設備的(de)判斷(duan)，來決定打開(kai)哪一個(ge)網(wang)站(zhan)(zhan)更為合適(shi)。類似于(yu)這種建站(zhan)(zhan)方式，我們稱之為“偽(wei)響應式”，因為它本質兩(liang)個(ge)不(bu)同 的(de)網(wang)站(zhan)(zhan)而已。

顯(xian)然(ran)，偽(wei)響應式(shi)的技術(shu)含量(liang)很低，自然(ran)建站(zhan)成本也低。但它對(dui)后期(qi)網站(zhan)的維護和(he)擴展也會產(chan)生一(yi)定的副(fu)作(zuo)用，因為你需要維護兩個甚至(zhi)更(geng)多的網站(zhan)。不(bu)過這并不(bu)是不(bu)可接受的，在建站(zhan)預算有限(xian)的情況下(xia)，這也不(bu)失為一(yi)個折中的選擇(ze)。

當(dang)然，如(ru)果采用(yong)響應式布局，不(bu)僅(jin)可以使(shi)網站變得(de)更(geng)加輕量，而且，不(bu)同終端上統(tong)一的設計風格，會給瀏覽者增添更(geng)多的信任感。

誤區二：響應式布局網站，就是移動端的網站

我們早(zao)在《響(xiang)應(ying)式布局(ju)(ju)的設計(ji)思路》一(yi)文(wen)中(zhong)就(jiu)提到過，不(bu)能(neng)一(yi)味地認為響(xiang)應(ying)式布局(ju)(ju)就(jiu)是專門(men)為移動(dong)建站而設計(ji)的。的確，響(xiang)應(ying)式布局(ju)(ju)是在移動(dong)互聯網誕生之后才出現(xian)的，最初的目的也是為了讓網站版(ban)面(mian)對移動(dong)端(duan)可以(yi)表現(xian)的更為友好。

但事實上(shang)(shang)，響應式布局是針對(dui)網(wang)站(zhan)的(de)(de)(de)一種制作方(fang)案，并(bing)不(bu)是針對(dui)專門的(de)(de)(de)某個終(zhong)(zhong)端(duan)而設計的(de)(de)(de)。它可(ke)以讓網(wang)站(zhan)適應任何一個終(zhong)(zhong)端(duan)，而不(bu)是在(zai)每個終(zhong)(zhong)端(duan)上(shang)(shang)去(qu)開(kai)發不(bu)同的(de)(de)(de)網(wang)站(zhan)。

所以，你可以不必(bi)糾結某個響(xiang)應(ying)式網站(zhan)(zhan)到底是PC站(zhan)(zhan)，還是移動(dong)站(zhan)(zhan)，只要它能(neng)夠(gou)響(xiang)應(ying)各種終(zhong)(zhong)端(duan)，為(wei)訪客帶來最好的用(yong)戶(hu)體驗，就足夠(gou)了。當(dang)然，你也可以根據用(yong)戶(hu)群(qun)的不同，為(wei)PC設(she)(she)計一套響(xiang)應(ying)式網站(zhan)(zhan)，再為(wei)手機設(she)(she)計一套響(xiang)應(ying)式網站(zhan)(zhan)，讓兩個網站(zhan)(zhan)都可以完美響(xiang)應(ying)各種終(zhong)(zhong)端(duan)設(she)(she)備。

誤區三：響應式布局就是做2套網站布局

很多人認為(wei)響(xiang)應(ying)式網站(zhan)就是(shi)做一套PC端的布局(ju)版(ban)式，再做一套移動端的布局(ju)版(ban)式，有2套布局(ju)就算(suan)響(xiang)應(ying)式了。實(shi)際上這只是(shi)最初級的響(xiang)應(ying)式布局(ju)，它甚至還不(bu)能很好地響(xiang)應(ying)不(bu)同終(zhong)端。

如(ru) 果我們要(yao)做(zuo)(zuo)的(de)(de)更(geng)為精細，或(huo)許(xu)要(yao)考(kao)(kao)慮(lv)PC端多種尺寸的(de)(de)屏(ping)幕，比如(ru)19寸、23寸，或(huo)者(zhe)更(geng)大一(yi)些的(de)(de)屏(ping)幕，是不是要(yao)做(zuo)(zuo)一(yi)些布(bu)局(ju)(ju)(ju)(ju)微調，或(huo)設(she)計出不同的(de)(de)布(bu)局(ju)(ju)(ju)(ju)方(fang)案(an)。移 動端也是一(yi)樣(yang)，我們可以(yi)為Pad、手機(ji)、iWatch、gGlass等設(she)備，設(she)計不同的(de)(de)布(bu)局(ju)(ju)(ju)(ju)。甚至(zhi)還(huan)可以(yi)考(kao)(kao)慮(lv)橫屏(ping)和豎屏(ping)不同的(de)(de)顯示方(fang)案(an)。當然，這么做(zuo)(zuo)成本 會(hui)大很多，但也說明響應式并(bing)不僅(jin)僅(jin)局(ju)(ju)(ju)(ju)限于2套網站的(de)(de)布(bu)局(ju)(ju)(ju)(ju)。

最后，我們來推薦一款響(xiang)(xiang)應式(shi)布(bu)局(ju)(ju)檢測神器，你的網站(zhan)是不(bu)是響(xiang)(xiang)應式(shi)布(bu)局(ju)(ju)，拿照妖鏡(jing)來照一照便知！