“響應(yīng)式布局”已經(jīng)成為現(xiàn)今網(wǎng)站建設(shè)方案中的熱門術(shù)語，隨著HTML5技術(shù)的發(fā)展，它將很快從一種趨勢變?yōu)槌Ｒ?guī)。但目前，很多客戶，甚至互聯(lián)網(wǎng)從業(yè)者，并沒有完全認(rèn)識(shí)響應(yīng)式布局的本質(zhì)，他們經(jīng)常被以下誤區(qū)所迷惑：

誤區(qū)一：只要是“PC端 + 移動(dòng)端”的網(wǎng)站就是響應(yīng)式布局

首先，我們要明確一點(diǎn)，采用響應(yīng)式布局的網(wǎng)站，無論在哪個(gè)終端，都是同一個(gè)網(wǎng)站，且都通過同一個(gè)域名來打開和顯示網(wǎng)站內(nèi)容。它會(huì)根據(jù)終端屏幕的尺寸，智能調(diào)整排版布局，以達(dá)到最佳瀏覽效果。

事 實(shí)上，很多網(wǎng)站是通過在PC端和移動(dòng)端搭建兩個(gè)不同的網(wǎng)站，并為它們分別綁定兩個(gè)域名，例如：www.website.com 和 mobi.website.com 用于打開PC站和移動(dòng)站。然后，通過對終端設(shè)備的判斷，來決定打開哪一個(gè)網(wǎng)站更為合適。類似于這種建站方式，我們稱之為“偽響應(yīng)式”，因?yàn)樗举|(zhì)兩個(gè)不同 的網(wǎng)站而已。

顯然，偽響應(yīng)式的技術(shù)含量很低，自然建站成本也低。但它對后期網(wǎng)站的維護(hù)和擴(kuò)展也會(huì)產(chǎn)生一定的副作用，因?yàn)槟阈枰S護(hù)兩個(gè)甚至更多的網(wǎng)站。不過這并不是不可接受的，在建站預(yù)算有限的情況下，這也不失為一個(gè)折中的選擇。

當(dāng)然，如果采用響應(yīng)式布局，不僅可以使網(wǎng)站變得更加輕量，而且，不同終端上統(tǒng)一的設(shè)計(jì)風(fēng)格，會(huì)給瀏覽者增添更多的信任感。

誤區(qū)二：響應(yīng)式布局網(wǎng)站，就是移動(dòng)端的網(wǎng)站

我們早在《響應(yīng)式布局的設(shè)計(jì)思路》一文中就提到過，不能一味地認(rèn)為響應(yīng)式布局就是專門為移動(dòng)建站而設(shè)計(jì)的。的確，響應(yīng)式布局是在移動(dòng)互聯(lián)網(wǎng)誕生之后才出現(xiàn)的，最初的目的也是為了讓網(wǎng)站版面對移動(dòng)端可以表現(xiàn)的更為友好。

但事實(shí)上，響應(yīng)式布局是針對網(wǎng)站的一種制作方案，并不是針對專門的某個(gè)終端而設(shè)計(jì)的。它可以讓網(wǎng)站適應(yīng)任何一個(gè)終端，而不是在每個(gè)終端上去開發(fā)不同的網(wǎng)站。

所以，你可以不必糾結(jié)某個(gè)響應(yīng)式網(wǎng)站到底是PC站，還是移動(dòng)站，只要它能夠響應(yīng)各種終端，為訪客帶來最好的用戶體驗(yàn)，就足夠了。當(dāng)然，你也可以根據(jù)用戶群的不同，為PC設(shè)計(jì)一套響應(yīng)式網(wǎng)站，再為手機(jī)設(shè)計(jì)一套響應(yīng)式網(wǎng)站，讓兩個(gè)網(wǎng)站都可以完美響應(yīng)各種終端設(shè)備。

誤區(qū)三：響應(yīng)式布局就是做2套網(wǎng)站布局

很多人認(rèn)為響應(yīng)式網(wǎng)站就是做一套PC端的布局版式，再做一套移動(dòng)端的布局版式，有2套布局就算響應(yīng)式了。實(shí)際上這只是最初級(jí)的響應(yīng)式布局，它甚至還不能很好地響應(yīng)不同終端。

如 果我們要做的更為精細(xì)，或許要考慮PC端多種尺寸的屏幕，比如19寸、23寸，或者更大一些的屏幕，是不是要做一些布局微調(diào)，或設(shè)計(jì)出不同的布局方案。移 動(dòng)端也是一樣，我們可以為Pad、手機(jī)、iWatch、gGlass等設(shè)備，設(shè)計(jì)不同的布局。甚至還可以考慮橫屏和豎屏不同的顯示方案。當(dāng)然，這么做成本 會(huì)大很多，但也說明響應(yīng)式并不僅僅局限于2套網(wǎng)站的布局。

最后，我們來推薦一款響應(yīng)式布局檢測神器，你的網(wǎng)站是不是響應(yīng)式布局，拿照妖鏡來照一照便知！