相等的像素值导致不同的大小

Question

我正在开发一个项目，在网站的不同部分，字体和边距的绝对像素值的呈现方式不同，尽管它们在比较值时是相同的。例如：

网站的两个部分都有以下风格：

margin-bottom: 10px;
font-size: 10px;

Chrome调试工具说计算值完全相同（10px），但是，两种字体中的一种明显更小（近两倍），边缘也是如此。似乎计算的像素在某种程度上更小，但我不知道这种行为的原因是什么。

该网站使用bootstrap。如果我移动在DOM树中渲染较小的元素，在另一个元素旁边，它们看起来是相同的。因此，它必须与父母造型有关。然而，我知道没有可能导致这种行为的财产。

欢迎任何提示。 亲切的问候

Answer 1

确保父级没有变换：缩放它！