css - 查找相对字体大小的绝对字体大小

标签 css

我将 em 与 body {font-size:12px} 结合使用作为我的字体的单位(一个绝对数字,可以是 20px 或 14px...)

这很好,但如果我有多个嵌套的东西, 喜欢

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 的实际绝对字体大小时,事情变得相当复杂。

除了手动计算之外,是否有机会“看到”工具中的绝对字体大小或其他东西?

最佳答案

在 Chrome 开发工具中

F12 > 元素 > 计算 > 字体大小

将显示一个像素值。

关于css - 查找相对字体大小的绝对字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47177681/

相关文章:

html - 如何设置 div 样式以填充表格单元格的全部内容?

jquery - 如何处理嵌入式 webgrid 样式

html - 我如何使 css 中的第二个子菜单出现在悬停和右侧

css - @supports 不能从 Sass 编译成 CSS

html - 断词不适用于单个长单词

css - 将 Adob​​e XD 原型(prototype)转换为 HTML

javascript - Angular 行如果值改变

css - 在 CSS 中嵌入字体

html - 控制高度并删除旋转 div 之间的空格

javascript - 左对齐的 div 不以某些页面大小为中心