PX ↔ REM ↔ EM ↔ PT Umrechner
Rechnen Sie CSS-Einheiten in beide Richtungen um — mit einstellbarer Basisgröße wechseln px, rem, em und pt gemeinsam.
530 Aufrufe
Wie die Einheiten zusammenhängen
rem = px ÷ Basisgröße (standardmäßig 16 px, also 24 px = 1.5rem); em funktioniert genauso, bezieht sich aber auf die geerbte Schriftgröße des Elements — das Feld „Kontextgröße" im Rechner; pt ist die Druckeinheit mit 1pt = 1,333px (96dpi ÷ 72). Tippen Sie in ein beliebiges Feld, die anderen folgen automatisch.
Praktische Regel: rem für Schriftgrößen und Abstände, damit die Schriftgrößen-Einstellung des Nutzers das Layout skaliert; em für Innenabstände, die mit dem Text der Komponente mitwachsen sollen; px nur für Dinge, die nicht skalieren dürfen (Haarlinien-Rahmen). Die Basisgröße auf 10 px zu setzen (der alte 62,5%-Trick) erleichtert Kopfrechnen, sollte aber in neuen Projekten vermieden werden — Komponentenbibliotheken gehen von 16 aus.
Häufig gestellte Fragen
Warum unterscheidet sich mein em-Wert vom rem-Wert?
em multipliziert mit der nächstgelegenen gesetzten Schriftgröße und verschachtelt sich dabei: ein 1.5em innerhalb eines 1.5em-Elements entspricht dem 2,25-Fachen der Basisgröße. rem bezieht sich immer auf die Basis — diese Vorhersagbarkeit hat sich durchgesetzt.
Ist 1pt wirklich 1,333px?
In CSS ja, per Definition: 1in = 96px = 72pt. Druck-PDFs und CSS stimmen bei diesem Verhältnis überein, die physische Größe hängt jedoch von der tatsächlichen Bildschirm-DPI ab.
Ähnliche Tools
Problem melden
PX ↔ REM ↔ EM ↔ PT Umrechner