在Chrome开发人员工具中使用Ems代替px？
我在我的样式表中使用em而不是px 。 但Chrome Developer Tools中计算出的样式/指标似乎默认显示为px ，即使对于我在样式表中明确使用em的元素：
（这是一个带有Font Awesome图标的按钮的计算长度的图片，我将填充设置为0.4em，然后我带着它看图标的高度。）当然，我可以将所有东西都分为16，但是像“14.841”这样的数字在我的脑海中并不那么容易。 是否有设置改变长度测量单位的地方？ （有点像在大多数桌面图形和图像处理程序中，我可以选择像素，点，英寸或厘米？）或者，还是有开发工具的其他地方，可以显示在ems的长度？ （统治者，...？）
“计算”选项卡上显示的值就是：计算出来的。 因此，它们以像素为单位的“绝对”长度单位列出，而不是像ems，rems或百分比这样的“相对”长度单位，这些单位的大小都基于其他标准。 例如，如果将元素设置为视口宽度的100％，则会显示元素宽度计算的像素数，并且没有选项可以查看其他任何单位的值。 同样，由于您使用的是ems，图标的大小将基于继承的字体大小值。
实际上，我没有测试过这个，但我认为计算选项卡上显示的px值在技术上显示在设备像素中，而不是CSS像素，因为CSS像素本身是相对长度单位（因为它们的大小基于DPI设备屏幕）。
相对长度单位
绝对长度单位
链接地址: http://www.djcxy.com/p/82225.html