Formel
1rem = root px · 1em = element px · 1pt = 96/72 px
Normalisieren Sie die Quelleinheit auf CSS-Referenzpixel und teilen Sie sie dann durch den kontextbezogenen Pixelfaktor der Zieleinheit.
Bild & Bildschirm
● Läuft lokalCSS-Einheitenkonverter
Konvertieren Sie gängige CSS-Längen nur, wenn der erforderliche Kontext explizit ist. Geben Sie die Schriftgrößen für Root und aktuelle Elemente an, damit rem und em nicht stillschweigend dieselbe Basis annehmen.
Beispielwerte
Konvertierte CSS-Länge
Annahmen
- Die Schriftgrößen für Stamm- und Elementschrift sind streng positiv.
- Anstelle eines gemessenen physischen Bildschirmpixels wird das CSS-Referenzpixel verwendet.
Dieses Tool geht von der CSS-Referenzbeziehung 1in = 96px und 1pt = 1/72in aus. Ansichtsfenstereinheiten und Prozentsätze sind ausgeschlossen.
Formelüberprüfung
Formula v1.0.0
Bewertet 2026-08-03
CalcFlow engineering review
CSS-Einheitenkonverter: Ausgearbeitetes Beispiel
Bei einem 16-Pixel-Wurzel sind 24 px ÷ 16 = 1,5 rem. Nach der Referenzpixelregel entsprechen 24 px auch 18 pt.
Häufig gestellte Fragen
Was ist der Unterschied zwischen rem und em?
rem verwendet die Schriftgröße des Stammelements. em verwendet den Schriftgrößenkontext des aktuellen Elements.
Warum sind Prozentsätze ausgeschlossen?
Ein Prozentsatz kann von verschiedenen Eigenschaften und enthaltenden Blöcken abhängen, sodass ein skalarer Kontext nicht ausreicht.
Ist ein CSS-Px ein physisches Pixel?
Nicht unbedingt. CSS definiert ein Referenzpixel, das Browser je nach Anzeige und Zoom den Gerätepixeln zuordnen.