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

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

首先，我們要明(ming)確一(yi)(yi)點，采用響應式(shi)布局的網站，無論(lun)在哪個終(zhong)端，都是(shi)同一(yi)(yi)個網站，且都通(tong)過同一(yi)(yi)個域(yu)名來打(da)開和顯(xian)示網站內容。它(ta)會根據(ju)終(zhong)端屏幕的尺寸，調整排版布局，以達(da)到(dao)瀏覽效果。

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

顯然，偽響應(ying)式的(de)技術含量很低(di)，自然建站(zhan)(zhan)成本也(ye)低(di)。但它對(dui)后期網(wang)站(zhan)(zhan)的(de)維(wei)護(hu)和擴展也(ye)會產生(sheng)一(yi)定(ding)的(de)副作用，因為你需(xu)要維(wei)護(hu)兩個甚至更(geng)多的(de)網(wang)站(zhan)(zhan)。不過這并不是不可接受的(de)，在(zai)建站(zhan)(zhan)預(yu)算有限的(de)情況下，這也(ye)不失為一(yi)個折中的(de)選擇(ze)。

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

誤(wu)區二：響(xiang)應式布局網站，就是移動端的(de)網站

我們早(zao)在《響(xiang)(xiang)應(ying)式(shi)(shi)(shi)布(bu)局(ju)的(de)設計(ji)思路(lu)》一文中就(jiu)提到過，不能一味(wei)地(di)認為響(xiang)(xiang)應(ying)式(shi)(shi)(shi)布(bu)局(ju)就(jiu)是專(zhuan)門為移動建站而設計(ji)的(de)。的(de)確，響(xiang)(xiang)應(ying)式(shi)(shi)(shi)布(bu)局(ju)是在移動互聯網(wang)誕生之后才(cai)出現(xian)的(de)，目的(de)也是為了讓(rang)網(wang)站版面對移動端(duan)可(ke)以表現(xian)的(de)更為友好。

但事(shi)實上(shang)，響應(ying)式布局是針(zhen)對(dui)網(wang)站的(de)一種制作方案(an)，并不(bu)是針(zhen)對(dui)專門的(de)某個(ge)終端(duan)而設計的(de)。它可以讓(rang)網(wang)站適應(ying)任何(he)一個(ge)終端(duan)，而不(bu)是在每個(ge)終端(duan)上(shang)去開發不(bu)同(tong)的(de)網(wang)站。

所以(yi)，你可(ke)以(yi)不必(bi)糾(jiu)結某個(ge)響應(ying)式(shi)網(wang)站(zhan)(zhan)(zhan)(zhan)到底是PC站(zhan)(zhan)(zhan)(zhan)，還是移(yi)動站(zhan)(zhan)(zhan)(zhan)，只要(yao)它(ta)能夠(gou)響應(ying)各(ge)種(zhong)終端(duan)，為訪客帶來好(hao)的(de)用戶體驗，就足夠(gou)了。當然，你也可(ke)以(yi)根據用戶群(qun)的(de)不同，為PC設計(ji)一(yi)套(tao)響應(ying)式(shi)網(wang)站(zhan)(zhan)(zhan)(zhan)，再為手機設計(ji)一(yi)套(tao)響應(ying)式(shi)網(wang)站(zhan)(zhan)(zhan)(zhan)，讓兩個(ge)網(wang)站(zhan)(zhan)(zhan)(zhan)都可(ke)以(yi)響應(ying)各(ge)種(zhong)終端(duan)設備。

誤(wu)區三：響應式布局就(jiu)是做(zuo)2套網(wang)站布局

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

如 果我(wo)們(men)要做的(de)更(geng)為(wei)精細，或許要考(kao)慮PC端多(duo)種尺寸的(de)屏(ping)幕(mu)，比(bi)如19寸、23寸，或者更(geng)大一些的(de)屏(ping)幕(mu)，是不(bu)(bu)是要做一些布(bu)局(ju)(ju)微(wei)調，或設(she)計(ji)出不(bu)(bu)同的(de)布(bu)局(ju)(ju)方案(an)。移 動(dong)端也(ye)是一樣(yang)，我(wo)們(men)可以為(wei)Pad、手機、iWatch、gGlass等設(she)備，設(she)計(ji)不(bu)(bu)同的(de)布(bu)局(ju)(ju)。甚至還(huan)可以考(kao)慮橫屏(ping)和豎(shu)屏(ping)不(bu)(bu)同的(de)顯示(shi)方案(an)。當然，這(zhe)么做成本 會大很多(duo)，但(dan)也(ye)說明(ming)響(xiang)應式并不(bu)(bu)僅僅局(ju)(ju)限于2套網站(zhan)的(de)布(bu)局(ju)(ju)。

，我們(men)來推(tui)薦一款響應式布(bu)局檢(jian)測，你的網站是不是響應式布(bu)局，拿(na)照(zhao)妖(yao)鏡來照(zhao)一照(zhao)便(bian)知(zhi)！