2017-07-12 67 views
2

我有以下的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

+1

IE使用的是什么版本?根据https://msdn.microsoft.com/en-us/library/ms530759(v=vs.85).aspx接受浮点值。如果此行为在最新的IE版本中仍存在,请尝试使用calc()? – Fabien

+0

更新了这个问题,我只支持最新的IE11,问题依然存在。 你能否详细说明'calc'方法? –

+0

我不是IE-pro,但是calc()执行计算并接受像素和百分比。请参阅https://www.w3schools.com/cssref/func_calc.asp。我不确定,但也许你可以欺骗IE的行为...如果它帮助我会作为答复发布。 – Fabien

回答