IE9＆IE10 REM单元

根据caniuse，以下限制适用于IE9 & IE10为rem单元：IE9＆IE10 REM单元

IE 9 & IE 10中的字体速记属性使用时不支持REM单元（整个声明被忽略）或在伪元素上使用。

关于font速记首先告诫似乎是正确的，但测试下面的代码片段之后，第二个警告似乎是一个非问题与::after内容font-size在21px正在呈现。

<html> 
<head> 
    <style> 
     html {font-size: 14px;} 
     p {font-size: 1rem;} 
     p::after{content: '::after'; font-size: 1.5rem;} 
    </style> 
</head> 
<body> 
    <p>hello</p> 
</body> 
</html>

这似乎是IE9和IE10的情况。有没有人知道这个警告，以及在伪元素中使用rem单元是否需要实际的预防措施？

来源

2017-10-04 Zze

This article简要表明它不适用于线高度。

因此，在使用伪元素来捕捉任何其他角落案例时，请考虑彻底测试REM。

如果使用REMS用于行高的伪构件，IE 9 & 10将它折叠至0如果伪元件是设定成块级（例如，块，内联块），或将其作为如果设置为内联（例如内联，列表项），则为“正常”。

微软已将此错误标记为'不会修复'，因为它很小，所以不会解决。

来源

2017-10-04 23:24:39 damanptyltd

虽然此链接可能回答问题，但最好在此处包含答案的基本部分，并提供供参考的链接。如果链接页面更改，则仅链接答案可能会失效。 - [来自评论]（/ review/low-quality-posts/17531656） –

感谢您的反馈布兰登，一个适当的报价和其状态的快速总结已包括在内。 – damanptyltd

感谢您的更新！ :)现在它应该更少有被移除的风险。 –

IE9＆IE10 REM单元

回答

相关问题