在Chrome开发者工具中使用Ems而不是px？

Question

我在样式表中使用em而不是px。但Chrome开发者工具中计算出的样式/指标似乎默认显示px，即使对于我在样式表中明确使用em的元素也是如此：

（这是带有来自Font Awesome的图标的按钮的计算长度的图片。我将填充设置为0.4em，然后我把它抬起来看看图标有多高。）当然，我可以将所有内容划分为但是对于像“14.841”这样的数字来说，这并不容易。是否有设置改变长度测量单位？ （有点像大多数桌面图形和图像处理程序，我可以选择像素，点，英寸或厘米？）或者，或者在开发工具中的其他地方可以显示ems的长度？ （统治者，......？）

Answer 1

Computed选项卡上显示的值只是：computed。因此，它们列在绝对的＆＃34;长度单位像素，而不是＆＃34;亲属＆＃34;长度单位，如ems，rems或百分比，所有这些都基于其他一些标准。例如，如果将元素设置为视口宽度的100％，它将显示元素宽度计算的像素数，并且没有选项可以查看任何其他单位的值。同样，因为您正在使用ems，所以图标的大小将取决于继承的字体大小值。

事实上，我还没有对此进行测试，但我认为计算选项卡上显示的px值在技术上显示在设备像素而不是CSS像素中，因为CSS像素本身是相对长度单位（因为它们的大小基于在设备屏幕的DPI上。）

Relative Length Units

Absolute Length Units