“響應(yīng)式布局”已經(jīng)成為現(xiàn)今網(wǎng)站建設(shè)方案中的熱門術(shù)語,隨著HTML5技術(shù)的發(fā)展,它將很快從一種趨勢變?yōu)槌R?guī)。但目前,很多客戶,甚至互聯(lián)網(wǎng)從業(yè)者,并沒有完全認(rèn)識響應(yīng)式布局的本質(zhì),他們經(jīng)常被以下誤區(qū)所迷惑:
誤區(qū)一:只要是“PC端 + 移動端”的網(wǎng)站就是響應(yīng)式布局
首先,我們要明確一點,采用響應(yīng)式布局的網(wǎng)站,無論在哪個終端,都是同一個網(wǎng)站,且都通過同一個域名來打開和顯示網(wǎng)站內(nèi)容。它會根據(jù)終端屏幕的尺寸,智能調(diào)整排版布局,以達(dá)到最佳瀏覽效果。
事 實上,很多網(wǎng)站是通過在PC端和移動端搭建兩個不同的網(wǎng)站,并為它們分別綁定兩個域名,例如:www.website.com 和 mobi.website.com 用于打開PC站和移動站。然后,通過對終端設(shè)備的判斷,來決定打開哪一個網(wǎng)站更為合適。類似于這種建站方式,我們稱之為“偽響應(yīng)式”,因為它本質(zhì)兩個不同 的網(wǎng)站而已。
顯然,偽響應(yīng)式的技術(shù)含量很低,自然建站成本也低。但它對后期網(wǎng)站的維護(hù)和擴展也會產(chǎn)生一定的副作用,因為你需要維護(hù)兩個甚至更多的網(wǎng)站。不過這并不是不可接受的,在建站預(yù)算有限的情況下,這也不失為一個折中的選擇。
當(dāng)然,如果采用響應(yīng)式布局,不僅可以使網(wǎng)站變得更加輕量,而且,不同終端上統(tǒng)一的設(shè)計風(fēng)格,會給瀏覽者增添更多的信任感。
誤區(qū)二:響應(yīng)式布局網(wǎng)站,就是移動端的網(wǎng)站
我們早在《響應(yīng)式布局的設(shè)計思路》一文中就提到過,不能一味地認(rèn)為響應(yīng)式布局就是專門為移動建站而設(shè)計的。的確,響應(yīng)式布局是在移動互聯(lián)網(wǎng)誕生之后才出現(xiàn)的,最初的目的也是為了讓網(wǎng)站版面對移動端可以表現(xiàn)的更為友好。
但事實上,響應(yīng)式布局是針對網(wǎng)站的一種制作方案,并不是針對專門的某個終端而設(shè)計的。它可以讓網(wǎng)站適應(yīng)任何一個終端,而不是在每個終端上去開發(fā)不同的網(wǎng)站。
所以,你可以不必糾結(jié)某個響應(yīng)式網(wǎng)站到底是PC站,還是移動站,只要它能夠響應(yīng)各種終端,為訪客帶來最好的用戶體驗,就足夠了。當(dāng)然,你也可以根據(jù)用戶群的不同,為PC設(shè)計一套響應(yīng)式網(wǎng)站,再為手機設(shè)計一套響應(yīng)式網(wǎng)站,讓兩個網(wǎng)站都可以完美響應(yīng)各種終端設(shè)備。
誤區(qū)三:響應(yīng)式布局就是做2套網(wǎng)站布局
很多人認(rèn)為響應(yīng)式網(wǎng)站就是做一套PC端的布局版式,再做一套移動端的布局版式,有2套布局就算響應(yīng)式了。實際上這只是最初級的響應(yīng)式布局,它甚至還不能很好地響應(yīng)不同終端。
如 果我們要做的更為精細(xì),或許要考慮PC端多種尺寸的屏幕,比如19寸、23寸,或者更大一些的屏幕,是不是要做一些布局微調(diào),或設(shè)計出不同的布局方案。移 動端也是一樣,我們可以為Pad、手機、iWatch、gGlass等設(shè)備,設(shè)計不同的布局。甚至還可以考慮橫屏和豎屏不同的顯示方案。當(dāng)然,這么做成本 會大很多,但也說明響應(yīng)式并不僅僅局限于2套網(wǎng)站的布局。
最后,我們來推薦一款響應(yīng)式布局檢測神器,你的網(wǎng)站是不是響應(yīng)式布局,拿照妖鏡來照一照便知!