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單元

回答

相關問題