這兩天，看到別人在群裡問布局特點，發現自己對這方法還是有點模糊，老是忘，於是上網查了下這方面內容，自己總結寫出了，如果有錯誤地方，敬請指正。特點是分別為不同的螢幕設定布局格式，當螢幕大小改變時，會出現不同的布局，意思就是在這個螢幕下這個元素塊在這個地方，但是在那個螢幕下，這個元素塊又會出現在那個地方。只是布局改變，元素不變。可以看成是不同螢幕下由多個靜態布局組成的。
特點是隨著螢幕的改變，頁面的布局沒有發生大的變化，可以進行適配調整，這個正好與自適應布局相補。
這個就好理解了，意思就是分別為不同的螢幕設計的布局方式，可以理解成自適應布局和流程布局的結合。
結合上述文字描述，再觀察如下的頁面實際效果，應該可以把這幾個概念搞清楚：
靜態布局 自適應布局 流式布局 響應式布局等的概念
給頁面元素設定固定的寬度和高度，單位用px，當視窗縮小，會出現滾動條，拉動滾動條顯示被遮擋內容。針對不同解析度的手機端，分別寫不同的樣式檔案。例如 瀏覽器視窗是1000px，那麼最小的寬度是900px或其他px,只要瀏覽器縮小過這個最小值就不會自動化的調整。1.特點 不管瀏覽器尺寸具體是多少，網頁布...
CSS布局 自適應布局
網易雲課堂學習筆記二 自適應布局 1.float absolute margin left right2.float overflow left right 產生bfc3.table left,right 預設均分 left margin失效 4.flex left right 由 定寬 自適應 類...
HTML網頁布局 靜態 自適應 流式 響應式
靜態布局 static layout 即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap.或m.自適應布局 adaptive layout 自適應布局 adaptive 的特點是分別為...