Chrome 开发工具准确计算出 CSS 规则的值答案

【问题标题】：Chrome dev tools exact computed value for CSS rulesChrome 开发工具准确计算出 CSS 规则的值
【发布时间】：2013-11-04 16:37:37
【问题描述】：

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

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

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

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

谢谢！

【问题讨论】：

真的吗？有什么不同吗？
code.google.com/p/chromium/issues/detail?id=254056
我看不出在任何浏览器上的显示有什么不同。字体大小总是四舍五入到屏幕上最接近的像素大小，无论大小如何指定（小数 px、pt、%）。在 Linux 和 Windows 上。
而且...在我输入之后，我发现当打印时，有区别。 Mozilla 和 IE 支持小数像素，而 Opera 和 Chromium 不支持。所以，@Danko，是的！看this fiddle。然后看看打印预览。

【解决方案1】：

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

【讨论】：

【解决方案2】：

是的，您只需在 Chrome 开发工具下查看Computed Style。

Dev Tools -> Elements -> Computed Style

【讨论】：