Wofür px ↔ rem gedacht ist
rem bezieht sich auf die Schriftgröße des Wurzelelements. Dieses Werkzeug rechnet zwischen Pixeln und rem um, damit Maße einheitlich bleiben.
Bedienung
- Basis-Schriftgröße prüfen
- Wert in Pixel eingeben
- Wert in rem eingeben
- Ergebnisse ablesen
Typische Anwendungen: Vom Mockup auf rem umstellen, Zwei Entwürfe vergleichen, Schriftgrößen einheitlich planen.
Fragen und Antworten
Wann nehme ich 16 Pixel als Basis?
Wenn Sie keine eigene Schriftgröße am Wurzelelement setzen, gilt im Browser 16 Pixel.
Was ist der Unterschied zu em?
rem bezieht sich immer auf das Wurzelelement, em auf das Elternelement. Hier wird nur rem gerechnet.
Kann ich auch Prozent umrechnen?
Nein, dieses Werkzeug rechnet nur zwischen Pixel und rem.
Warum ändert sich das Ergebnis bei neuer Basis?
rem ist relativ: Eine Änderung der Wurzelgröße verschiebt alle rem-Werte zugleich.
Einschränkungen
Die Rechnung ist eine einfache Teilung durch die Basisgröße. Sie kennt keine verschachtelten Einheiten und keine Browser-Stilanpassungen. Die gewählte Basis muss zum Wurzelelement Ihres Projekts passen.
Was das Werkzeug kann
Pixel zu rem und rem zu Pixel, Basis-Schriftgröße frei wählbar, Standard 16 Pixel wie im Browser üblich, Beide Richtungen gleichzeitig sichtbar
Maße in rem und px: