CSS/Wertetypen/Zahlen, Maße und Maßeinheiten/Wurzel-em

Aus SELFHTML-Wiki
< CSS‎ | Wertetypen‎ | Zahlen, Maße und Maßeinheiten(Weitergeleitet von Rem)
Wechseln zu: Navigation, Suche

Ein rem (engl: root-em) entspricht der Schriftgröße, die für das Wurzelelement (in HTML das html-Element) festgelegt wurde. Während sich em auf die relative Schriftgröße des Elternelements bezieht und so immer wieder neu berechnet werden muss, bleibt die Schriftgröße bei rem immer gleich, was das Arbeiten mit Größen sehr vereinfacht.

  • Android
  • Chrome
  • Firefox
  • IE 9
  • Opera
  • Safari

Details: caniuse.com


Beachten Sie: Internet Explorer 9 und 10 unterstützen Werte in rem weder in der zusammenfassenden CSS font-Eigenschaft (wohl aber bei font-size) noch bei Pseudoelementen.

Fallback für IE8[Bearbeiten]

Für den Internet Explorer 8, der Werte in rem nicht interpretiert, müssen Sie eine passende Angabe in einer anderen Einheit vor die Angabe in rem setzen:

Beispiel
p {
  font-size: 20px;
  font-size: 1.25rem;
}
Aktuelle Browser interpretieren beide Angaben, die erste wird von der letzten überschrieben. Ältere Browser, von denen nur noch der Internetexplorer 8 einen Rest von Relevanz besitzt, verstehen die Angabe in rem nicht. Deshalb bleibt die erste Anweisung gültig.

Siehe auch[Bearbeiten]

Weblinks[Bearbeiten]