Pixel-zu-REM/EM-Umrechner
Rechnen Sie px in rem und em für CSS um, mit einstellbarer Wurzel- und übergeordneter Schriftgröße — denn rem und em hängen nicht vom Gleichen ab.
REM bezieht sich immer auf die Schriftgröße des Root-Elements (<html>). EM bezieht sich auf die eigene Schriftgröße des aktuellen Elements – die überall dort, wo sie verwendet wird, unterschiedlich sein kann. Passen Sie die übergeordnete Größe oben an, um zu sehen, wie sich das EM-Ergebnis unabhängig von REM ändert.
Sofort & live
Jede Einheit wird beim Tippen aktualisiert – keine "Umrechnen"-Schaltfläche, kein Warten.
REM und EM bleiben getrennt
Unabhängige Eingaben für Root- und übergeordnete Schriftgröße, da es sich nicht um dieselbe Sache handelt.
Privat von Grund auf
Läuft vollständig in Ihrem Browser. Es wird nie etwas hochgeladen oder protokolliert.
PX online in REM und EM umrechnen
Bei der Standard-Root-Schriftgröße von 16px entspricht 16px 1rem. Der Umrechner von CurePDF berechnet rem und em aus einem Pixelwert (oder rechnet umgekehrt um), unter Verwendung der von Ihnen angegebenen Root- und übergeordneten Schriftgröße – da nicht jede Website die Browser-Standardeinstellung verwendet.
So funktioniert die PX-zu-REM-Umrechnung
Beispielrechnungen (16px-Root): 16px / 16 = 1rem. 20px / 16 = 1,25rem. 24px / 16 = 1,5rem.
REM vs. EM: Nicht dasselbe
REM bezieht sich immer auf die Schriftgröße des Root-Elements <html> — ein einziger Wert für die gesamte Seite. EM bezieht sich auf die eigene Schriftgröße des aktuellen Elements, die auf jeder Ebene verschachtelter Inhalte unterschiedlich sein kann. Das bedeutet, dass derselbe Pixelwert je nach Verwendungsort in einen anderen EM-Wert umgerechnet werden kann, während er immer in denselben REM-Wert umgerechnet wird.
Warum REM statt Pixel in CSS verwenden?
REM-Werte skalieren automatisch, wenn ein Nutzer die Basis-Schriftgröße seines Browsers in den Barrierefreiheitseinstellungen ändert, während feste Pixelwerte das nicht tun. Das macht rem zu einer barrierefreieren Standardwahl für die Textgröße, während em für Fälle reserviert bleibt, in denen eine Größe wirklich mit ihrem übergeordneten Element skalieren soll (etwa ein Innenabstand, der mit der Schriftgröße einer Schaltfläche wachsen soll).
Häufig gestellte Fragen
Wie viel ist 16px in rem?
Bei der Standard-Wurzelschriftgröße von 16px entspricht 16px 1rem. Die Formel lautet: rem = px / Wurzelschriftgröße.
Ist REM dasselbe wie EM?
Nein. REM bezieht sich immer auf die Schriftgröße des Wurzelelements (html). EM bezieht sich auf die Schriftgröße des aktuellen Elements selbst, die sich auf jeder Ebene verschachtelten Inhalts unterscheiden kann — daher kann derselbe Pixelwert je nach Verwendungsort in unterschiedliche EM-Werte umgerechnet werden.
Warum REM statt Pixel in CSS verwenden?
Wenn ein Nutzer die Basisschriftgröße seines Browsers ändert (aus Gründen der Barrierefreiheit), skalieren REM-Werte automatisch mit, während feste Pixelwerte dies nicht tun — das macht REM zu einer zugänglicheren Einheit für die Textgrößenanpassung.
Was ist die Standard-Wurzelschriftgröße?
16px in der Standardeinstellung jedes großen Browsers. Dieser Umrechner verwendet standardmäßig 16px, erlaubt Ihnen aber, dies an das tatsächliche CSS einer Website anzupassen.