px in rem umrechnen
Pixel oder rem eingeben und die jeweils andere Einheit sofort ablesen.
Kurzantwort: rem = px ÷ Basisschriftgröße. Bei der Browser-Standardgröße von 16 px sind 24 px genau 1,5 rem.
= 1,5 rem
= 24 px
1 rem entspricht der Schriftgröße des Wurzelelements, im Browser meist 16 px. 1 em bezieht sich auf die Schriftgröße des übergeordneten Elements. Hat das Elternelement ebenfalls 16 px, sind beide gleich.
px, rem und em im CSS
Ein rem entspricht der Schriftgröße des Wurzelelements, also meist der Standardgröße des Browsers von 16 Pixeln. 24 Pixel sind damit 1,5 rem, 8 Pixel sind 0,5 rem.
Die Einheit em bezieht sich auf die Schriftgröße des Elternelements. Solange diese 16 Pixel beträgt, ist 1 em gleich 1 rem. In verschachtelten Elementen kann sich der Wert vervielfachen.
- rem skaliert mit der Schrifteinstellung der Nutzer und ist deshalb gut für Barrierefreiheit.
- Ändert deine Seite die Basisgröße, zum Beispiel auf 62,5 Prozent, trage sie oben ein.
Fragen und Antworten
Wie viel Pixel ist 1 rem?
Standardmäßig 16 Pixel. Es hängt von der Schriftgröße des html-Elements ab.
Wann sollte ich rem statt px nutzen?
Für Schriftgrößen und Abstände, die mit den Einstellungen der Nutzer mitwachsen sollen.
Kostet das Tool etwas?
Nein. Das Tool ist kostenlos und braucht weder Anmeldung noch Installation. Es gibt keine feste Grenze für die Länge der Eingabe, die Grenze setzt nur der Arbeitsspeicher deines Geräts.