Chrome开发工具精确计算CSS规则的值 [英] Chrome dev tools exact computed value for CSS rules

问题描述

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

在 Firebug （下面）中，当我定义％值时，以像素计算的值最多保留4位小数。

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

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

感谢！

解决方案

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

Is there anyway for instance I can get the exact pixel value (with decimal places) of a font to show in Chrome dev tools?

In Firebug (below) when I define a % value it shows the exact computed value in pixels up to 4 decimal places.

In Chrome dev tools (below) it only shows a whole number value.

In essence I want to be able to see in dev tools ► font-size: 13.7167px;

Thanks!

解决方案

In Chrome it may not give you the exact pixel value for one character, but it will give you the exact pixel size for the chunk of text if you look in computed under "width"

这篇关于Chrome开发工具精确计算CSS规则的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！