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
IE使用的是什麼版本?根據https://msdn.microsoft.com/en-us/library/ms530759(v=vs.85).aspx接受浮點值。如果此行爲在最新的IE版本中仍存在,請嘗試使用calc()? – Fabien
更新了這個問題,我只支持最新的IE11,問題依然存在。 你能否詳細說明'calc'方法? –
我不是IE-pro,但是calc()執行計算並接受像素和百分比。請參閱https://www.w3schools.com/cssref/func_calc.asp。我不確定,但也許你可以欺騙IE的行爲...如果它幫助我會作爲答覆發佈。 – Fabien