我在样式表中的所有地方都使用em，而不是px。但是，即使对于我在样式表中明确使用px的元素，Chrome开发者工具中的计算样式/指标似乎默认情况下也向我显示em:
(这是来自Font Awesome的带有图标的按钮的计算长度的图片。我将填充设置为0.4em，然后调高填充高度以查看图标的高度。)当然，我可以将所有内容除以16，但是对于像“14.841”这样的数字，在我脑海中并不是那么容易做到的。是否有设置可以更改长度测量单位？ (有点像大多数桌面图形和图像处理程序中的那种，我可以选择像素，点，英寸或厘米吗？)或者在开发工具中还有其他地方可以显示ems的长度吗？ (统治者，……？)
最佳答案
“计算”选项卡上显示的值仅是:计算值。因此，它们以“绝对”长度单位(例如像素)列出，而不是以“相对”长度单位(例如ems，rems或百分比)列出，所有这些均基于其他标准来确定其大小。例如，如果将元素设置为视口(viewport)宽度的100％，它将显示元素的宽度要计算到多少像素，并且没有选择以任何其他单位查看值的选项。同样，由于您使用的是ems，因此图标的大小将基于继承的font-size值。
实际上，我尚未对此进行测试，但我认为，计算出来的标签上显示的px值在技术上以设备像素而不是CSS像素显示，因为CSS像素本身是相对长度单位(因为它们的大小基于像素的DPI设备屏幕)。
Relative Length Units
Absolute Length Units
关于css - 在Chrome开发人员工具中是EMS而不是px？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26528421/