IE9和IE10物料單位

Question

根據caniuse的規定，以下限制適用於rem單元的IE9和IE10：

當在字體簡寫屬性中使用（忽略整個聲明）或在偽元素上使用時，IE 9和IE 10不支持rem單元。

關於font速記的第一個警告似乎是正確的，但是在測試了以下代碼段之后，第二個警告似乎是非問題， ::after content 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 ？對於在偽元素中使用rem單元，實際上是否需要采取任何預防措施？

Answer 1

本文簡要地暗示它不適用於行高。

因此，在與偽元素一起使用以捕獲任何其他極端情況時，請考慮徹底測試REM。

如果對偽元素中的行高使用rems作為行高，則如果將偽元素設置為塊級（例如，塊，行內塊），則IE 9和10會將其折疊為0，如果將其設置為“正常”內聯（例如內聯，列表項）。

微軟已將此漏洞標記為“無法修復”，因為它的嚴重性很小，因此無法解決。

IE9和IE10物料單位

問題描述

1 個解決方案

解決方案1
1 2017-10-04 23:24:39

IE9和IE10物料單位

問題描述

1 個解決方案

解決方案1 1 2017-10-04 23:24:39

解決方案1
1 2017-10-04 23:24:39