css rem单元不使用字体声明

Question

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

Answer 1

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-测量

更新:请注意,自IE11起,此问题已得到修复.