近期學(xué)習(xí)圣蝎，有很多感想刃宵，有時候看似相近的概念，其實(shí)意義卻不相同徘公。所以學(xué)習(xí)要針對不同的名詞有明確的區(qū)分意識牲证。
抽空時間，打算學(xué)習(xí)下display:flex;本以為就是一個小小的知識點(diǎn)关面，正式去研究的時候坦袍，才發(fā)現(xiàn)display:flex;有很多內(nèi)容十厢，能實(shí)現(xiàn)很多效果。比如三欄布局（左右兩欄固定捂齐，中間欄自適應(yīng)）蛮放，圣杯布局。
后來想著經(jīng)常聽到流式布局奠宜，自適應(yīng)布局包颁，響應(yīng)式布局，他們有什么區(qū)別呢压真，就去搜了許多內(nèi)容查看娩嚼，才發(fā)現(xiàn)每種布局都有優(yōu)缺點(diǎn)和不同使用場景。
靜態(tài)布局：給頁面元素設(shè)置固定的寬度和高度滴肿，單位用px岳悟，當(dāng)窗口縮小，會出現(xiàn)滾動條泼差，拉動滾動條顯示被遮擋內(nèi)容贵少。針對不同分辨率的手機(jī)端，分別寫不同的樣式文件拴驮。
自適應(yīng)布局：創(chuàng)建多個靜態(tài)布局春瞬，每個靜態(tài)布局對應(yīng)一個屏幕分辨率范圍，使用@media媒體查詢技術(shù)套啤。
流式布局：元素的寬高用百分比做單位宽气，元素寬高按屏幕分辨率調(diào)整，布局不發(fā)生變化潜沦。屏幕尺度跨度過大的情況下萄涯，頁面不能正常顯示。
響應(yīng)式布局：采用自適應(yīng)布局和流式布局的綜合方式唆鸡，為不同屏幕分辨率范圍創(chuàng)建流式布局涝影。
彈性布局：要點(diǎn)在于使用<tt>em和rem單位</tt>來定義元素寬度，與流式布局有極大的相似性争占，但也有不同之處燃逻，主要區(qū)別在于彈性布局的尺寸主要根據(jù)字體大小而變化。
至于display:flex;相關(guān)知識臂痕，我就不贅述了伯襟，推薦阮一峰的博客http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
具體選擇哪種布局方式，要根據(jù)需求確定握童。
