Chrome开发工具用于CSS规则的精确计算值

时间:2013-10-25 13:58:36

标签: css google-chrome google-chrome-devtools

有没有例如我可以获得Chrome开发工具中显示的字体的确切像素值(带小数位)?

Firebug (下方)中,当我定义%值时,它会显示精确的计算值,以像素为单位,最多4位小数。

enter image description here

Chrome开发工具(下方)中,它仅显示整数值。

enter image description here

从本质上讲,我希望能够在开发工具► font-size: 13.7167px;

中看到

谢谢!

2 个答案:

答案 0 :(得分:0)

是的,您只需在Chrome开发者工具下查看Computed Style即可。

Dev Tools -> Elements -> Computed Style

答案 1 :(得分:0)

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