第一，靈活切換的固定模式布局。這種類(lèi)型的響應式設計則是根據當前主流的多種設備尺寸，對頁(yè)面的寬度進(jìn)行靈活調整，形成多套頁(yè)面布局設計，通過(guò)設備屏幕尺寸的測試效果來(lái)選擇最佳的布局尺寸。此類(lèi)型的響應式網(wǎng)站建設成本較低，但同樣存在著(zhù)缺陷，畢竟隨著(zhù)網(wǎng)絡(luò )科技的不斷發(fā)展，還會(huì )有更多主流設備的出現，而網(wǎng)站不能很好的適應千變萬(wàn)化的設備，造成后期需要更改的麻煩。

　第二，具有彈性效果的布局。用這種類(lèi)型的布局設計相較于第一種的布局更加靈活，主要是通過(guò)像素百分比調試的方式，給網(wǎng)站設定一定范圍內的適應尺寸，那么建站者就可根據需要適應的設備設定尺寸，網(wǎng)站即可在較長(cháng)時(shí)間內保證不被設備的進(jìn)化而淘汰。但這種布局也有它的不足之處，它通常較適合等分結構或者通欄頁(yè)面設計，其它的使用起來(lái)較復雜繁瑣。

第三，則是混合模式的布局�；旌夏Ｊ降捻憫�式布局除了擁有以上兩種類(lèi)型的布局優(yōu)勢之外，它能實(shí)現的展示效果更加順暢，包括像素混合和百分比混合的適應性更強，能完美地利用網(wǎng)站空間資源，將網(wǎng)站呈現給用戶(hù)。譬如頁(yè)面分欄較為復雜的響應式網(wǎng)站則會(huì )采用這種布局類(lèi)型，但它的開(kāi)發(fā)成本較高。