第三十二章 单位续谈 - 《代码能有多难？》

em

Emmm……

em 是一个单位，就可以解决前面的问题。但这不是一个绝对的单位，所以没有办法单独说 em 是多大。它表示的是当前元素文字的大小是它父元素的多少倍。

p {
  font-size: 1.2em;
}

如果数字大于 1，那就是比父元素的文字更大；反之，如果小于 1，那就是比父元素的文字更小。这是一个很简单的数学题。

这时候我们先要说一下，在默认的情况下，就是你没有进行字号的设置，子元素的文字大小是等于父元素的文字大小的，这叫做继承。当然你别拿 h1—h6 的标题来抬杠。

那么按照上面所说的这些规则，如果我们全用 em 单位，网页中所有文字的大小，就都和 body 元素的文字大小相关了。这时候我们只需要调整 body 的文字大小，网页中其他元素的文字都跟着发生相应的变化。如果 body 中设置文字大小依旧使用 em 单位，则是相对于浏览器默认文字大小的倍数。

诶？！

……

**继续阅读 >>> ：[第三十二章 单位续谈 - 《代码能有多难？》 —— Writed by 稻米鼠](https://dmnydn.com/courses/lesson-0032?from=jianshu)**

（小白都看的懂，学得会的前端代码教程，睡前看一章，轻松学代码。）

**Tags：** Web，HTML，CSS，教程，编程，前端入门，基础课程