Px to Rem
Pixel-Werte in rem und em für skalierbare CSS-Typografie konvertieren.
① Pixel-Wert eingeben ② Basis-Schriftgröße festlegen (Standard 16px) ③ rem oder em kopieren
Warum rem statt px verwenden?
rem-Einheiten (root em) skalieren mit der Browser-Schriftgrößeneinstellung des Benutzers und machen Ihre Typografie zugänglicher und responsiver. 1rem = 16px in den meisten Browsern standardmäßig — Nutzer können dies über font-size in den Browser-Einstellungen ändern. rem statt px sorgt für proportionale Skalierung.
Häufig gestellte Fragen
rem (root em) ist eine relative CSS-Einheit basierend auf der Schriftgröße des Wurzelelements (<html>). Standardmäßig: 1rem = 16px. rem-Einheiten skalieren, wenn Benutzer ihre Browser-Basisschriftgröße ändern.
rem ist immer relativ zum Wurzelelement. em ist relativ zum Elternelement. rem wird für Schriftgrößen und Abstände bevorzugt, da es vorhersehbar ist.
Die Standard-Browserschriftgröße ist 16px, was 1rem = 16px ergibt. Sie kann mit html { font-size: Xpx; } geändert werden.
Dividiere den px-Wert durch die Basisschriftgröße. Mit Basis 16px: 24px ÷ 16 = 1,5rem.
Ja. rem für Schriftgrößen respektiert die Schriftgrößeneinstellungen des Benutzers und erfüllt WCAG 1.4.4.
Verwende px für Rahmen, Box-Shadows und Media-Queries. Für Abstände und Schriftgrößen rem bevorzugen.
rem = px ÷ Basisschriftgröße. Beispiel: 24px ÷ 16px = 1,5rem.