css rem单元不使用字体声明

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

解决方法

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起,此问题已得到修复.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效