1、靜態(tài)布局（Static Layout）
      即傳統(tǒng)Web設(shè)計(jì)，對于PC設(shè)計(jì)一個(gè)Layout，在屏幕寬高有調(diào)整時(shí)，使用橫向和豎向的滾動條來查閱被遮掩部分；
      對于移動設(shè)備，單獨(dú)設(shè)計(jì)一個(gè)布局，使用不同的域名如wap.或m。
      2、自適應(yīng)布局（Adaptive Layout）
      自適應(yīng)布局（Adaptive）的特點(diǎn)是分別為不同的屏幕分辨率定義布局。布局切換時(shí)頁面元素發(fā)生改變，但在每個(gè)布局中，頁面元素不隨窗口大小的調(diào)整發(fā)生變化。

      你可以把自適應(yīng)布局看作是靜態(tài)布局的一個(gè)系列。
      3、流式布局（Liquid Layout）
      流式布局（Liquid）的特點(diǎn)（也叫"Fluid") 是頁面元素的寬度按照屏幕進(jìn)行適配調(diào)整，主要的問題是如果屏幕尺度跨度太大，那么在相對其原始設(shè)計(jì)而言過小或過大的屏幕上不能正常顯示。
      4、響應(yīng)式布局（Responsive Layout）
      分別為不同的屏幕分辨率定義布局，同時(shí)，在每個(gè)布局中，應(yīng)用流式布局的理念，即頁面元素寬度隨著窗口調(diào)整而自動適配。
      可以把響應(yīng)式布局看作是流式布局和自適應(yīng)布局設(shè)計(jì)理念的融合。