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

问题描述:

我正在一个项目中,在网站的不同部分,字体和边距的绝对像素值渲染的方式不同,尽管它们在比较值时是相同的。例如:等于像素值导致不同的大小

网站的两个部分具有以下样式:

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

中的Chrome调试工具说,计算值是完全一样的(10px的),但是,这两种字体之一是明显较小(接近两倍),并且保证金也相同。看起来像计算的像素在某种程度上更小,但我不知道这是什么原因。

该网站使用引导程序。如果我将在DOM树中变得更小的元素移到其他元素旁边,它们看起来是相同的。因此,这一定与父母造型有关。然而,我知道没有可能导致此类行为的财产。

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

+2

是否有可能父容器之一有一个比例转换呢?你可以在这里发布你的代码吗? – will

+0

由于我公司的限制,我无法发布代码,但规模确实如此。在CSS中很难找到。如果你愿意,创建一个答案,我会标记为被接受。谢谢。 – NikxDa

+0

真棒,很高兴这是它!刚刚发布为答案:) – will

确保家长没有变换:规模就可以了!