em

Emmm……

em 是一個單位，就可以解決前面的問題。但這不是一個絕對的單位，所以沒有辦法單獨說 em 是多大。它表示的是當前元素文字的大小是它父元素的多少倍。

p {
  font-size: 1.2em;
}

如果數(shù)字大于 1，那就是比父元素的文字更大；反之，如果小于 1，那就是比父元素的文字更小。這是一個很簡單的數(shù)學題。

這時候我們先要說一下，在默認的情況下，就是你沒有進行字號的設置，子元素的文字大小是等于父元素的文字大小的，這叫做繼承。當然你別拿 h1—h6 的標題來抬杠。

那么按照上面所說的這些規(guī)則，如果我們全用 em 單位，網頁中所有文字的大小，就都和 body 元素的文字大小相關了。這時候我們只需要調整 body 的文字大小，網頁中其他元素的文字都跟著發(fā)生相應的變化。如果 body 中設置文字大小依舊使用 em 單位，則是相對于瀏覽器默認文字大小的倍數(shù)。

誒？！

……

**繼續(xù)閱讀 >>> ：[第三十二章 單位續(xù)談 - 《代碼能有多難？》 —— Writed by 稻米鼠](https://dmnydn.com/courses/lesson-0032?from=jianshu)**

（小白都看的懂，學得會的前端代碼教程，睡前看一章，輕松學代碼。）

**Tags：** Web，HTML，CSS，教程，編程，前端入門，基礎課程