最近我們都在干什么？

靜態(tài)布局（static layout）

即傳統(tǒng)web設(shè)計，對于pc設(shè)計一個layout，在屏幕寬高有調(diào)整時，使用橫向和豎向的滾動條來查閱被遮掩部分；

對于移動設(shè)備，單獨設(shè)計一個布局，使用不同的域名如wap.或m.。

意思就是不管瀏覽器尺寸具體是多少，網(wǎng)頁布局就按照當時寫代碼的布局來布置；

自適應(yīng)布局（adaptive layout）

自適應(yīng)布局（adaptive）的特點是分別為不同的屏幕分辨率定義布局。布局切換時頁面元素發(fā)生改變，但在每個布局中，頁面元素不隨窗口大小的調(diào)整發(fā)生變化。

你可以把自適應(yīng)布局看作是靜態(tài)布局的一個系列。

就是說你看到的頁面，里面元素的位置會變化而大小不會變化；

流式布局（liquid layout）

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

你看到的頁面，元素的大小會變化而位置不會變化——這就導(dǎo)致如果屏幕太大或者太小都會導(dǎo)致元素?zé)o法正常顯示。

響應(yīng)式布局（responsive layout）

分別為不同的屏幕分辨率定義布局，同時，在每個布局中，應(yīng)用流式布局的理念，即頁面元素寬度隨著窗口調(diào)整而自動適配。

可以把響應(yīng)式布局看作是流式布局和自適應(yīng)布局設(shè)計理念的融合。

每個屏幕分辨率下面會有一個布局樣式，同時位置會變而且大小也會變。