網(wǎng)站建設(shè)中的頁(yè)面布局也有很多種設(shè)計(jì)方法，基于頁(yè)面的實(shí)現(xiàn)單位而言，分為四種類型：固定布局、可切換的固定布局、彈性布局、混合布局。接下來(lái)就和沈陽(yáng)網(wǎng)站建設(shè)的小編一起來(lái)了解一下吧。

  1.固定布局：以像素作為頁(yè)面的基本單位，不管設(shè)備屏幕及瀏覽器寬度，只設(shè)計(jì)一套尺寸；

  2.可切換的固定布局：同樣以像素作為頁(yè)面單位，參考主流設(shè)備尺寸，設(shè)計(jì)幾套不同寬度的布局。通過(guò)設(shè)備的屏幕尺寸或?yàn)g覽器寬度，選擇最合適的那套寬度布局。

  3.彈性布局：以百分比作為頁(yè)面的基本單位，可以適應(yīng)一定范圍內(nèi)所有尺寸的設(shè)備屏幕及瀏覽器寬度，并能完美利用有效空間展現(xiàn)最佳效果；

  4.混合布局：通彈性布局類似，可以適應(yīng)一定范圍內(nèi)所有尺寸的設(shè)備屏幕以及瀏覽器寬度，并能完美利用有效空間展現(xiàn)最佳效果；只是混合像素和百分比兩種單位作為頁(yè)面單位。

  可切換的固定布局、彈性布局、混合布局都是目前可被采用的響應(yīng)式布局方式。其中可切換的固定布局的實(shí)現(xiàn)成本最低，但拓展性比較差；而彈性布局與混合布局效果具響應(yīng)性，都是比較理想的響應(yīng)式布局實(shí)現(xiàn)方式。

  只是對(duì)于不同類型的頁(yè)面，排版布局的設(shè)計(jì)也需要采用不同的方式。通欄、等分結(jié)構(gòu)的網(wǎng)站適合采用彈性布局方式，而對(duì)于費(fèi)等分的多欄結(jié)構(gòu)往往需要采用混合布局的實(shí)現(xiàn)方式。