查找相对字体大小的绝对字体大小。

Question

我使用它们作为字体的单位，与body {字体大小:12 in }(一个绝对值，可以是20 in或14 in.)

这很好，但是如果我有多个嵌套的东西，比如

h4{
font-size:2em;
}
h4 span{
1.6em;
}
.parent_elementofthespan span.superspan{
font-size:1.3em;
}
.basecamp3rdpartyclass h4.span{
font-size:1.9!important;
...

例如，在计算.parent_elementofthespan span.superspan的实际绝对字体大小时，事情变得相当复杂。

除了手动计算外，有没有可能“看到”工具中的绝对字体大小？

Answer 1

在Chrome开发工具中

F12 >Element> Computed >字体大小

将显示以像素为单位的值。

Answer 2

您应该尽可能使用rem单元。

rem是相对于:root字体大小(html中的HTML元素，但它可以是<svg>或在其他情况下)，所以没有困难的计算！简而言之，这是他们没有级联和95%的时间，这是你需要在你的CSS。

它的兼容性是IE9+。

CSSViewer (火狐/Chrome扩展)比DevTools/更快速地检查元素上的字体大小(以及字体权重和行高等其他打印属性，也包括颜色)。

• 铬延伸
• 最初的Firefox扩展 (已经完美无缺地工作了多年，但上一次更新是在9年前:它可能几天后就不能在火狐57+上运行了) :( RIP)

​

​