css -em值为同一元素提供两个不同的px值

时间:2017-06-07 22:57:56

标签: css firefox chromium

HTML元素的边框和位置设置为相等但相反的em值。但是,此结果的px值在两个属性之间是不同的(根据元素检查器)。

在Firefox 53中,0.4 em对于边框变为4.6667 px,对于该位置变为5.2 px

在Chromium 58中,0.4 em为边框变为6.39844 px,而6.4 px变为该位置。

这是针对相同的元素,因此font-size属性在两种计算中都不同。我在两种浏览器中都观察了很长时间(至少从2015年开始),并且应用了这些属性的不同元素。淘到谷歌什么都没有,我不知道我是否是唯一一个有这个问题的人。



ul {
  list-style: none;
  position: relative;
  border: 0.4em solid;
  right: -0.4em;
}

<ul>test
  <li>foo</li>
  <li>bar</li>
  <li>baz</li>
</ul>
&#13;
&#13;
&#13;

0 个答案:

没有答案