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

Question

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

Answer 1

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

Answer 2

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

http://sureshjain.wordpress.com/2007/07/06/53/

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