Internet Explorer中的字体大小不同

Question

我有以下css

html {
  font-size: 62.5%; // 100% is 16px, this value will 10px
}

当我在其他所有浏览器中检查页面上的文字时，它会给我10px。但Internet Explorer 11提供9.93px。

据我所知，它正在发生，因为IE truncates fractional values，实际上将我的财产解释为font-size: 62%。

以下是一个演示，您可以尝试：https://jsfiddle.net/vcod81vy/

您有什么想法如何使其保持一致？

P.S。我无法使用硬编码的10px值，因为我需要构建支持浏览器设置字体覆盖的可访问网络界面，如here所述

Answer 1

根据http://msdn.microsoft.com/en-us/library/ms530759(v=vs.85).aspx，接受浮点值。

如果在最新的IE版本中仍然存在此行为，请尝试使用calc（）。

找到的解决方案是：font-size: calc(10em / 16)

calc()没有任何缺点，只是旧浏览器可能不支持它。