H2标签上相同的字体大小在网站上看起来不同的大小

Question

我有h2，字体大小为1.3em，在不同的地方它以不同的大小出现。

h2 之一在：

<div class="col col-lg-4"></div> 

还有一个在：

<div class="col-md-6 col-sm-12"></div>  

但两者都在同一页面上。为什么看起来不一样？

正文字体大小为24px;

Answer 1

em 表示元素的计算字体大小。

如果在 font-size 属性本身上使用，它代表元素的继承字体大小，因此它可以根据在其父级上设置的字体而有所不同。

改用rem，因为它将基于根元素

Answer 2

1. 要制作仅依赖于默认字体大小的样式规则，需要使用另一个单位 开发：rem。
2. rem 或根em 是文档根元素的字体大小。不像 em，每个元素可能不同，rem 始终保持不变 文件。
3. 这意味着1rem 等于 html 元素的字体大小（对于大多数 browsers 的默认值为16px)。