2013-04-22 4 views
7

Diese CSS-Eigenschaft nicht auf IE10 arbeiten:css rem Gerät arbeitet nicht mit Schrift Erklärungen

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?

Antwort

11

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.

+1

Außerdem wird die "rem" -Einheit von IE 8 und älter überhaupt nicht unterstützt, was ihren Einsatz eher fragwürdig macht. Es wäre manchmal nützlich für die Bequemlichkeit und hilft Ihnen zu vermeiden, Multiplikatoren für "em" zu berechnen, aber wenn Sie alte Browser berücksichtigen müssen, verwenden Sie "rem" Sie am Ende mit * mehr * Ärger im Styling, nicht weniger. –

Verwandte Themen