簡(jiǎn)介：主要學(xué)習(xí)媒體查詢、flex彈性布局及伸縮比例的計(jì)算，通過rem作為度量單位進(jìn)行彈性布局的方法
第1章 課程介紹
您已經(jīng)使用html+css一段時(shí)間了，是否好像一直都是用px或%進(jìn)行定位，是否頁面布局時(shí)也是一直使用float+定位，自適應(yīng)，響應(yīng)式等似乎明白又說不清。本門課程讓你在之前的基礎(chǔ)上，思路更清晰，技術(shù)上有多種選擇。
第2章 mediaquery媒體查詢
在移動(dòng)端開發(fā)中，手機(jī)，ipad等設(shè)備的尺寸各不相同，總不能適用一個(gè)設(shè)備，其他設(shè)備顯示效果就“將就”吧，web端也同樣存在這種情況。那么mediaquery，中文名稱“媒體查詢”，將解決這些困擾。
第3章 flex基礎(chǔ)與應(yīng)用
float+定位進(jìn)行布局，是每一個(gè)前端工程師的必修課，但布局上如果只有這一個(gè)招數(shù)，那就有點(diǎn)掣肘了。css中還有一個(gè)flex技術(shù)，稱為彈性盒子，可以非常高效的完成盒子內(nèi)的布局，將會(huì)在布局上如虎添翼。
第4章 常用布局
px,%,還有em，都已成過去式，它們都重要，但不能作為未來的主流。rem，以基準(zhǔn)字體為標(biāo)準(zhǔn)，一變百變，適應(yīng)各種復(fù)雜的頁面彈性伸縮，對(duì)文字也有很好的適應(yīng)性。在進(jìn)行響應(yīng)式布局上，是不可或缺的技術(shù)。