2013-04-22 17 views
7

這個CSS屬性未在IE10工作的工作:CSS REM單位不具備字體聲明

font: bold 3rem/6rem Arial; 

不過,如果我分裂這個屬性爲單獨的屬性它的工作原理:

font-size: 3rem; 
font-weight: bold; 
line-height: 6rem; 
font-family: Arial; 

我也可以使用PX來代替它,它也可以工作:

font: bold 48px/96px Arial; 

您可以在每個帶有IE調試器的頁面上嘗試它。爲什麼這個屬性不能在IE瀏覽器上運行,但在所有其他瀏覽器上運行

回答

11

對於字體速記,IE單位不支持rem單位。這是一個已知的錯誤。希望這將被修復。我知道的唯一解決方法是在font屬性後面再次指定字體大小,或者在使用rem時不使用速記。

錯誤報告是https://connect.microsoft.com/IE/feedback/details/772679/ie10-not-recognizing-font-decloration-when-rem-is-used-as-font-size-unit-of-measure

更新:注意,這已被固定爲IE11的。

+1

此外,'rem'單元完全不受IE 8及更高版本的支持,因此使用起來頗有疑問。有時爲了方便起見,有助於避免計算使用'em'的乘法器,但如果您需要考慮舊的瀏覽器,使用'rem',您最終會在樣式中帶來更多*麻煩,而不是更少。 – 2013-04-23 04:55:06