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

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

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

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

    

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

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

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