本文問(wèn)大家介紹四種網(wǎng)頁(yè)布局究竟有什么區(qū)別？

1. 靜態(tài)布局（Static Layout）
   即傳統(tǒng)Web設(shè)計(jì)，對(duì)于PC設(shè)計(jì)一個(gè)Layout，在屏幕寬高有調(diào)整時(shí)，使用橫向和豎向的滾動(dòng)條來(lái)查閱被遮掩部分；
   對(duì)于移動(dòng)設(shè)備，單獨(dú)設(shè)計(jì)一個(gè)布局，使用不同的域名如http://www.raisedesign.cn/wap.或http://m.www.raisedesign.cn。

2. 自適應(yīng)布局（Adaptive Layout）
   自適應(yīng)布局（Adaptive）的特點(diǎn)是分別為不同的屏幕分辨率定義布局。布局切換時(shí)頁(yè)面元素發(fā)生改變，但在每個(gè)布局中，頁(yè)面元素不隨窗口大小的調(diào)整發(fā)生變化。
   你可以把自適應(yīng)布局看作是靜態(tài)布局的一個(gè)系列。

3. 流式布局（Liquid Layout）
   流式布局（Liquid）的特點(diǎn)（也叫"Fluid") 是頁(yè)面元素的寬度按照屏幕進(jìn)行適配調(diào)整，主要的問(wèn)題是如果屏幕尺度跨度太大，那么在相對(duì)其原始設(shè)計(jì)而言過(guò)小或過(guò)大的屏幕上不能正常顯示。

    

  4. 響應(yīng)式布局（Responsive Layout）（如上圖）

  分別為不同的屏幕分辨率定義布局，同時(shí)，在每個(gè)布局中，應(yīng)用流式布局的理念，即頁(yè)面元素寬度隨著窗口調(diào)整而自動(dòng)適配。
  可以把響應(yīng)式布局看作是流式布局和自適應(yīng)布局設(shè)計(jì)理念的融合。

四種布局各種千秋，不過(guò)目前主流還是以響應(yīng)式網(wǎng)站制作為主，完美適配各個(gè)終端。且有利于移動(dòng)排名與pc排名的穩(wěn)定。當(dāng)然，響應(yīng)式由于代碼較移動(dòng)端多了一些，所以加載速度略慢，這就需要一名優(yōu)秀的網(wǎng)站設(shè)計(jì)師來(lái)掌控了。