傳統(tǒng)的網(wǎng)站布局，主要是靠設(shè)計(jì)師跟前端制作人員商量好網(wǎng)頁(yè)的固定尺寸，再把設(shè)計(jì)好的網(wǎng)頁(yè)給制作出來(lái)，這樣的布局往往是固定的?，F(xiàn)在的其他終端用戶已經(jīng)越來(lái)越多，特別是手機(jī)端的用戶，所以在網(wǎng)站設(shè)計(jì)的時(shí)候就會(huì)要求PC端+手機(jī)端都能夠有相同的體驗(yàn)，顯然傳統(tǒng)網(wǎng)站的設(shè)計(jì)已經(jīng)不能夠滿足了。這時(shí)候就出現(xiàn)了響應(yīng)式+H5技術(shù)的網(wǎng)站，這種網(wǎng)站能夠跨平臺(tái)多設(shè)備的自適應(yīng)界面。

從以往的布局設(shè)計(jì)來(lái)看有這幾種類型分為四種類型：固定布局、可切換的固定布局、彈性布局、混合布局。

上面幾種都是比較常用的響應(yīng)式網(wǎng)站布局，但是從成本來(lái)看，固定布局是要比其他的都要低，但是它的拓充性是相對(duì)較差的。理想的實(shí)現(xiàn)方式是選擇用彈性和混合這兩種布局方式，因?yàn)槠湫Ч欠浅＞哂许憫?yīng)特點(diǎn)的。不過(guò)網(wǎng)站制作的選擇都要按照實(shí)際情況去考量，按不同的頁(yè)面排版去進(jìn)行量身定制。

這種響應(yīng)式布局的出現(xiàn)，彌補(bǔ)了以往網(wǎng)站單調(diào)的設(shè)計(jì)，用多種組合方式來(lái)實(shí)現(xiàn)其功能效果，也要注意頁(yè)面的總體設(shè)計(jì)還是要保持簡(jiǎn)潔、大氣的，其中網(wǎng)站所涉及的架構(gòu)和邏輯也要維持在對(duì)應(yīng)設(shè)計(jì)理念中。