靜態(tài)、自適應、流式、響應式四種網頁布局的區(qū)別

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

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

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

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

    

  4. 響應式布局（Responsive Layout）（如上圖）

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

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