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

Posted 2023-03-06

【中文标题】如何查看计算的字体大小？

【英文标题】：How to view computed font size?

【发布时间】：2010-11-14 00:25:06

【问题描述】：

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

【参考方案1】：

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

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

【参考方案2】：

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

【讨论】：

或者，等效地，元素上的 DOM Inspector Computed Style 视图。

【参考方案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。