靜態布局（static layout）
即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分；
對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap.或m.。
自適應布局（adaptive layout）
自適應布局（adaptive）的特點是分別為不同的螢幕解析度定義布局。布局切換時頁面元素發生改變，但在每個布局中，頁面元素不隨視窗大小的調整發生變化。
你可以把自適應布局看作是靜態布局的乙個系列。
流式布局（liquid layout）
流式布局（liquid）的特點（也叫"fluid") 是頁面元素的寬度按照螢幕進行適配調整，主要的問題是如果螢幕尺度跨度太大，
那麼在相對其原始設計而言過小或過大的螢幕上不能正常顯示。
響應式布局（responsive layout）
分別為不同的螢幕解析度定義布局，同時，在每個布局中，應用流式布局的理念，即頁面元素寬度隨著視窗調整而自動適配。
可以把響應式布局看作是流式布局和自適應布局設計理念的融合。
結合上述文字描述，再觀察如下的頁面實際效果，應該可以把這幾個概念搞清楚：
網頁布局 自適應
css很多人都會寫也用的很溜，畢竟這是一門描述性語言，不需要太多的語法，演算法知識，上手非常容易，因此遭到很多人輕視，但用好css真的不是一件很容易的事，常見的自適應布局就很考驗技能，你不光要會寫，還得懂內在原理。前端面試都會考到聖杯布局，以前寫過很多次，但一直沒做個總結，以至於每次別人問都不能很好...
靜態布局 自適應布局 流式布局與響應式布局的區別
這兩天，看到別人在群裡問布局特點，發現自己對這方法還是有點模糊，老是忘，於是上網查了下這方面內容，自己總結寫出了，如果有錯誤地方，敬請指正。意思就是只是針對某個螢幕下設計的網頁，當螢幕大小改變時，頁面布局不會發生變化，就像經常所看到的滾動條。特點是分別為不同的螢幕設定布局格式，當螢幕大小改變時，會出...
靜態布局 自適應布局 流式布局 響應式布局等的概念
給頁面元素設定固定的寬度和高度，單位用px，當視窗縮小，會出現滾動條，拉動滾動條顯示被遮擋內容。針對不同解析度的手機端，分別寫不同的樣式檔案。例如 瀏覽器視窗是1000px，那麼最小的寬度是900px或其他px,只要瀏覽器縮小過這個最小值就不會自動化的調整。1.特點 不管瀏覽器尺寸具體是多少，網頁布...