第一，靈活切換的固定模式布局。這種類型的響應(yīng)式設(shè)計(jì)則是根據(jù)當(dāng)前主流的多種設(shè)備尺寸，對(duì)頁面的寬度進(jìn)行靈活調(diào)整，形成多套頁面布局設(shè)計(jì)，通過設(shè)備屏幕尺寸的測(cè)試效果來選擇最佳的布局尺寸。此類型的響應(yīng)式網(wǎng)站建設(shè)成本較低，但同樣存在著缺陷，畢竟隨著網(wǎng)絡(luò)科技的不斷發(fā)展，還會(huì)有更多主流設(shè)備的出現(xiàn)，而網(wǎng)站不能很好的適應(yīng)千變?nèi)f化的設(shè)備，造成后期需要更改的麻煩。
    第二，具有彈性效果的布局。用這種類型的布局設(shè)計(jì)相較于第一種的布局更加靈活，主要是通過像素百分比調(diào)試的方式，給網(wǎng)站設(shè)定一定范圍內(nèi)的適應(yīng)尺寸，那么建站者就可根據(jù)需要適應(yīng)的設(shè)備設(shè)定尺寸，網(wǎng)站即可在較長時(shí)間內(nèi)保證不被設(shè)備的進(jìn)化而淘汰。但這種布局也有它的不足之處，它通常較適合等分結(jié)構(gòu)或者通欄頁面設(shè)計(jì)，其它的使用起來較復(fù)雜繁瑣。
     第三，則是混合模式的布局?；旌夏Ｊ降捻憫?yīng)式布局除了擁有以上兩種類型的布局優(yōu)勢(shì)之外，它能實(shí)現(xiàn)的展示效果更加順暢，包括像素混合和百分比混合的適應(yīng)性更強(qiáng)，能完美地利用網(wǎng)站空間資源，將網(wǎng)站呈現(xiàn)給用戶。譬如頁面分欄較為復(fù)雜的響應(yīng)式網(wǎng)站則會(huì)采用這種布局類型，但它的開發(fā)成本較高。