我正在做一个元素，在网站的不同部分，字体和边距的绝对像素值呈现不同，尽管在比较值时它们是相同的。例如:
网站的两个部分都具有以下样式:
margin-bottom: 10px;
font-size: 10px;
Chrome 调试工具表示计算值完全相同 (10px)，但是，两种字体中的一种明显更小(将近两倍)，边距也是如此。看起来计算出的像素有点小，但我不知道这种行为的原因是什么。
该站点使用 Bootstrap 。如果我将在 DOM 树中渲染得更小的元素移动到另一个元素旁边，它们看起来是一样的。因此，这一定与 parent 的造型有关。然而，我不知道有什么属性会导致这种行为。
欢迎任何提示。 亲切的问候
最佳答案
确保父级没有变换:对其进行缩放!
关于html - 相同的像素值导致不同的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46649979/