rem那些事

I am not a superman發表於2020-10-15

1.頁面佈局文字能否隨著螢幕大小變化而變化?
2.流式佈局和flex佈局主要針對於寬度佈局,那高度如何設定?
3.怎麼樣讓螢幕發生變化的時候元素高度和寬度等比例縮放?

rem基礎
rem(root em)是相對單位,類似於em,em是父元素字型大小。
不同的是rem的基準相對於HTML元素的字型大小。
比如,根元素(HTML)設定font-size=12px;非跟元素設定width:2rem;則換成px表示就是24px.
rem的優點:可以通過修改HTML裡面的文字大小來改變頁面中的元素大小可以整體控制
媒體查詢

less基礎
rem適配方案