? ? ?用什么方法實現網站布局設計也有不同的方法。 根據頁面的實現單位，可以將其分為四種類型:固定布局、可切換的固定布局、柔性布局和混合布局。

? ? ?1、固定布局:以像素為頁面的基本單位，與設備的畫面和瀏覽器的寬度無關，僅設計尺寸

? ? ?2、可切換固定布局:以相同像素為頁面單位，參考主要設備大小，設計幾種不同寬度的布局。 通過設置不同的屏幕大小和瀏覽器寬度來選擇較佳寬度布局

? ? ?3、靈活布局:以百分比作為頁面的基本單位，能夠適應一定范圍內所有尺寸的設備畫面和瀏覽器的寬度，較大限度地利用有效空間來表現較佳效果

? ? ?4、混合布局:與柔性布局類似，僅混合像素和百分比兩個單位作為頁面單位，這兩個單位能夠適應一定范圍內所有大小的設備屏幕和瀏覽器寬度，并且能夠完全利用有效空間顯示較佳效果。

? ? ?可切換的固定布局、柔性布局、混合布局是目前可采用的響應布局方式:其中可切換的固定布局的實現成本較低，但擴展性差的彈性布局和混合布局效果具有響應性，是理想的響應布局實現方式

? ? ?但是，為了對不同種類的頁面布局實現web布局設計，需要不必要的實現方法。 通欄、等分構造的適當采用是靈活的布局方式，但在非等分的多列構造中經常需要混合布局的實現方式。