2017-07-12 65 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

回答