css rem单元不使用字体声明

时间:2013-04-22 21:48:48

标签: css html5 internet-explorer css3 internet-explorer-10

这个css属性不适用于IE10:

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,而是适用于所有其他浏览器?

1 个答案:

答案 0 :(得分:11)

IE中不支持rem单位用于字体缩写。这是一个已知的错误。希望这将得到修复。我知道的唯一解决方法是在font属性之后再次指定font-size,或者在使用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起已修复此问题。