css rem Gerät arbeitet nicht mit Schrift Erklärungen

Question

Diese CSS-Eigenschaft nicht auf IE10 arbeiten:

font: bold 3rem/6rem Arial; 

Allerdings, wenn ich diese Eigenschaft geteilt Eigenschaften trennen es funktioniert:

font-size: 3rem; 
font-weight: bold; 
line-height: 6rem; 
font-family: Arial; 

kann ich auch benutze stattdessen PX und es funktioniert auch:

Sie können es auf jeder Seite mit IE Debugger versuchen. Warum funktioniert diese Eigenschaft nicht auf dem IE, sondern auf allen anderen Browsern?

Answer 1

Die Rem-Einheit wird im Internet Explorer für die Kurzschrift nicht unterstützt. Es ist ein bekannter Fehler. Hoffentlich wird das behoben sein. Der einzige Workaround, den ich kenne, ist, die Schriftgröße nach der Eigenschaft font erneut anzugeben oder die Kurzschrift nicht zu verwenden, wenn rem verwendet wird.

Der Fehlerbericht ist https://connect.microsoft.com/IE/feedback/details/772679/ie10-not-recognizing-font-decloration-when-rem-is-used-as-font-size-unit-of-measure

Update: beachten Sie, dass diese als von IE11 wurde behoben.