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

【问题标题】：How to view computed font size?如何查看计算的字体大小？
【发布时间】：2010-11-14 00:25:06
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

<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。

【讨论】：