-------------------- 目前 html 沒有特別設計,預設文字大小為 16px。
-------------------- 目前 body 設定文字大小為 15px。
1. em 指的是相對上一層文字字體高的倍數
這是 div#b1 設定 font-size: 1.5em
相對上一層 body 設定的 font-size: 15px => 15*1.5 = 22.5px
這是標題1 => 22.5*2 = 45px
<h1>預設 font-size: 2em
上列後方的小字設定 font-size: 0.4em => 45*0.4 = 18px
2. rem 指的是一律相對到 html 最上層預設的 16px
這是 div#b2 設定 font-size: 1.5rem
相對 html 預設 font-size: 16px => 16*1.5 = 24px
這是標題1,設定 font-size: 1.5rem => 16*1.5 = 24px
預設 font-size: 2em
上列後方的小字設定 font-size: 0.4rem => 16*0.4 = 6.4px
(但螢幕顯示最小字體為 8px)