1.自適應
2.響應式
3.靜態
4.流式
剛剛接觸網頁設計的時候，常常分不清響應式布局和自適應布局，其實他們就是「傻傻分不清楚」…
即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分；對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap.或m.。
流式布局（liquid）的特點（也叫"fluid") 是頁面元素的寬度按照螢幕進行適配調整，主要的問題是如果螢幕尺度跨度太大，那麼在相對其原始設計而言過小或過大的螢幕上不能正常顯示。
自適應布局可以讓你的設計更加可控，因為你只需要考慮了了幾種狀態就萬事大吉了。
但在響應式布局中你可能需要面對非常多狀態——是的，大部分狀態之間的區別很小，但它們又的確是不同的——這樣一來就很難確切搞清你的設計會是什麼樣。同時這也帶來了測試上的難題，你很難有絕對的把握**到它會怎樣。換個角度說，這也是響應式布局的魅力所在。通過允許表面上的不確定因素存在，你可以獲得更高層次上的確定。雖然你無法在精確到畫素級別準確預知你的設計如何在943px×684px
視覺區域匯中展示，但你能確定的是它們一定能展示的很好——不管是表層特徵還是布局結構都有條不紊。
自適應布局有它自己的優勢，因為它們實施起來代價更低，測試更容易，這往往讓他們成為更切實際的解決方案。自適應布局可以看做響應式布局的「窮兄弟」，在資源有限的情況下就可以讓它出馬。特別是改進現有**的時候尤其奏效，因為全部重寫**在這時並不可行。這種案例中，採用自適應布局是乙個不錯的出發點。dan cederholm在他的文章《adapted》中也曾說過，這種辦法是可行的。
答：理論上來說，響應式布局在任何情況下都比自適應布局好一些，但在某些情況下自適應布局更切實際。
四種常用布局方式
css四種常用布局方式 常用的四種方式有display，浮動布局，定位布局和伸縮盒布局。1.display布局方式 其中display屬性有三個屬性值，分別為inline，block，inline block。display inline 將塊級元素轉變為行內元素 display block 將行內...
web常見的五種前端布局方式
web大前端布局 常用的布局 常用的布局一般分為一下幾大類 文件布局 text 文件流本質是 nomal flow 普通流 常規流 元素在文件中的特點 塊級元素，和內聯元素。塊級元素 是自帶有這行效果，在文件中獨佔一行的效果，塊狀元素會自上而下的排列且在預設寬度是父元素的100 而高度預設被內容撐開...
常見的四種網路程式設計方式
1 isapi程式設計 mfc中支援isapi的類有 2 cgi程式設計 cgi的工作原理介紹 cgi common gateway inte ce 是乙個web伺服器提供資訊服務的標準介面，通過這樣乙個介面，web伺服器能夠執行程式，並將程式輸出的資訊返回給瀏覽器。因為在web網上的資料都是靜態的...