? ? ?用什么方法實(shí)現(xiàn)網(wǎng)站布局設(shè)計(jì)也有不同的方法。 根據(jù)頁面的實(shí)現(xiàn)單位，可以將其分為四種類型:固定布局、可切換的固定布局、柔性布局和混合布局。

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

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

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

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

? ? ?可切換的固定布局、柔性布局、混合布局是目前可采用的響應(yīng)布局方式:其中可切換的固定布局的實(shí)現(xiàn)成本較低，但擴(kuò)展性差的彈性布局和混合布局效果具有響應(yīng)性，是理想的響應(yīng)布局實(shí)現(xiàn)方式

? ? ?但是，為了對不同種類的頁面布局實(shí)現(xiàn)web布局設(shè)計(jì)，需要不必要的實(shí)現(xiàn)方法。 通欄、等分構(gòu)造的適當(dāng)采用是靈活的布局方式，但在非等分的多列構(gòu)造中經(jīng)常需要混合布局的實(shí)現(xiàn)方式。