採用何種方式實現網站佈局設計，也有不同的方式，這裡基於頁面的實現單位而言，分為四種型別：固定佈局、可切換的固定佈局、彈性佈局、混合佈局。 1 、固定佈局：以畫素作為頁面的基本單位，不管裝置螢幕及瀏覽器寬度，只設計一套尺寸;2 、可切換的固定佈局：同樣以畫素作為頁面單位，參考主流裝置尺寸，設計幾套不同寬度的佈局。透過設別的螢幕尺寸或瀏覽器寬度，選擇最合適的那套寬度佈局;3 、彈性佈局：以百分比作為頁面的基本單位，可以適應一定範圍內所有尺寸的裝置螢幕及瀏覽器寬度，並能完美利用有效空間展現最佳效果;4 、混合佈局：同彈性佈局類似，可以適應一定範圍內所有尺寸的裝置螢幕及瀏覽器寬度，並能完美利用有效空間展現最佳效果; 只是混合畫素、和百分比兩種單位作為頁面單位。可切換的固定佈局、彈性佈局、混合佈局都是目前可被採用的響應式佈局方式：其中可切換的固定佈局的實現成本最低，但拓展性比較差; 而彈性佈局與混合佈局效果具響應性，都是比較理想的響應式佈局實現方式。只是對於不同型別的頁面排版佈局實現網站佈局設計，需要採用不用的實現方式。通欄、等分結構的適合採用彈性佈局方式、而對於非等分的多欄結構往往需要採用混合佈局的實現方式。
