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