CSS 筆記 - px, em, rem

---

Posted by on August 3, 2018

字型

---

PX

px 就是絕對大小，簡單來說就是 pixel (像素) 的縮寫，不會受到外圍的單位影響。

語法：

font-size: 12px
font-size: 13px
font-size: 14px
font-size: 15px

結果：

EM

跟著上層，做相對應的大小變化。

語法：

font-size: 1.2em
font-size: 1em
font-size: 0.8em
font-size: 1.4em

假設上層字型大小是 26px 。

輸出：

REM

R 就是 root ，對應 root 所做的大小變化。

語法：

font-size: 1.2rem
font-size: 1rem
font-size: 0.8rem
font-size: 1.4rem

輸出：

本站總訪問量次訪客人