Question

根据caniuse，以下限制适用于IE9＆amp; rem单位的IE10：

IE 9＆amp; 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单位是否实际需要采取任何预防措施？

Answer 1

This article简要暗示它不适用于行高。

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

如果在伪元素中使用rems作为行高，IE 9＆amp;如果将伪元素设置为块级别（例如块，内联块），则将其折叠为0，或者将其保留为＆＃34;正常＆＃34;如果它设置为内联（例如内联，列表项）。

Microsoft已将此错误标记为“不会修复”。由于它有多么微小，所以它不会得到解决。

IE9＆amp; IE10 rem单位

1 个答案: