css - 如何查看计算的字体大小？

Question

当您以“em”单位指定字体大小时，浏览器会根据其 parent计算像素值。有没有办法查看最终计算的像素大小？Firebug 可以做到这一点还是有其他工具？

score 3 · Accepted Answer

3

是的，在 Firebug 中，在样式选项卡上选择“显示计算样式”

于 2009-07-25T15:50:06.097 回答

score 1 · Accepted Answer

这个点、像素、ems 和百分比之间的转换表不是 100% 准确的，但我发现它很有用：

score 0 · Accepted Answer

一种方法是用不同字体大小的文本制作一个列表，然后比较它们：

<ul>
    <li style="font-size:10px;">10px</li>
    <li style="font-size:10.5px;">10px</li>
    <li style="font-size:11px;">10px</li>
</ul>

这不准确，但我认为没有其他选择。也许使用 JavaScript。

3 回答 3