css - Chrome 开发工具准确计算出 CSS 规则的值

Question

无论如何，例如我可以获得字体的确切像素值（带小数位）以在 Chrome 开发工具中显示？

在Firebug（如下）中，当我定义一个%值时，它会显示精确的计算值，以像素为单位，最多 4 个小数位。

在Chrome 开发工具（如下）中，它只显示一个整数值。

本质上，我希望能够在开发工具中看到► font-size: 13.7167px;

谢谢！

Answer 1

是的，您只需要Computed Style在 Chrome Dev Tools 下查看即可。

Dev Tools -> Elements -> Computed Style

Answer 2

在 Chrome 中，它可能不会为您提供一个字符的确切像素值，但如果您查看“宽度”下的计算结果，它会为您提供文本块的确切像素大小