H2标签上的字体大小与网站上的不同大小相同

Question

我的字体大小为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属性本身上使用，它表示元素的继承的字体大小，因此它可以根据其父级设置的字体而变化。< / p>

使用rem代替，因为它将基于根元素

Answer 2

1. 要创建仅依赖于默认字体大小的样式规则，另一个单位是 已开发：rem。
2. rem或根em是文档根元素的字体大小。不像 em（对于每个元素可能有所不同），rem在整个过程中都是恒定的 文档。
3. 这意味着1rem等于html元素的字体大小（对于大多数 浏览器的默认值为16px。