Chrome开发者工具：CSS规则精确计算值

Question

有没有办法在Chrome开发工具中获取字体的精确像素值（包括小数点后的位数）？ 在Firebug中，当我定义一个“％”值时，它会显示像素的确切计算值，最多可以显示4个小数位。而在Chrome开发工具中，它只显示整数值。实际上，我想能够在开发工具中看到字体大小为13.7167像素。谢谢！

- Xareyo

---

真的吗？这会有所不同吗？ - DaniP

https://code.google.com/p/chromium/issues/detail?id=254056 - Alexander Pavlov

我在任何浏览器上都看不到显示上的任何差异。无论尺寸如何指定（小数像素、pt、%），字体大小始终会被舍入为屏幕上最接近的像素大小。这在Linux和Windows上都是如此。 - Mr Lister

然后...就在我打完这句话之后，我发现在“打印”时有所不同。Mozilla和IE会考虑小数像素，而Opera和Chromium则不会。所以，@Danko，没错！看看这个jsfiddle。然后再看看打印预览。 - Mr Lister

Answer 1

是的，您只需要在Chrome Dev Tools中查看计算样式即可。

Dev Tools -> Elements -> Computed Style

- alias51

---

请参考我上面的截图，这是来自计算样式。问题在于它显示了一个整数。 - Xareyo

Answer 2

在Chrome中，它可能无法为一个字符提供精确的像素值，但如果您在“宽度”下查看计算出的内容，它将为文本块提供精确的像素大小。

- Omega79