Andy的前後端技術筆記、生活紀錄
CSS中的px-em-rem
發佈於: 2023-03-25 更新於: 2024-04-21 分類於: frontend

這是關於長度單位

px

是一個絕對長度的單位,是以螢幕pixel為基準。

em

是一個相對長度單位,是依照當下所在的element其parent element的大小來當作倍數計算,舉例如果是把em設定在font-size,如果當下font-size是以10px,而在child 設定的font-size是設定1ex =>也就是 10px ,若是2ex =>20px

rem

這也是相對長度單位,但是以root的大小當作依據來算倍數,所以若是root size設定為12px,而當下的size設定為3rem => 36px

--- 到底拉 The End ---