PX-zu-REM-Konverter

REM (root em) bezieht sich immer auf die Schriftgröße des Root-Elements (html) — konsistent und vorhersehbar auf der gesamten Seite. EM bezieht sich auf das Elternelement, was bedeutet, dass es sich kumuliert: Wenn ein Elternteil 1.2em hat und das Kind ebenfalls 1.2em, landet das Kind bei 1.44× der Root-Größe. Verwenden Sie REM für Schriftgrößen und konsistente Abstände; verwenden Sie EM, wenn Sie bewusst eine Skalierung relativ zur eigenen Schriftgröße einer Komponente wünschen (wie z. B. Padding bei einem Button).

REM respektiert die Präferenz des Benutzers für die Browser-Schriftgröße. Wenn ein Benutzer seinen Browsereinstellung auf 20px für bessere Barrierefreiheit setzt, wird 1rem zu 20px und Ihr Layout skaliert proportional mit. PX-Werte sind fixiert und ignorieren diese Einstellung. Die Verwendung von REM macht Ihre Website zugänglicher und einfacher skalierbar mit einer einzigen Änderung der Root-Schriftgröße.

PT (Points) ist eine Druckeinheit: 1pt = 1/72 Zoll. Für das Web entsprechen 12pt = 16px bei Standard-Bildschirmauflösung. PT wird gelegentlich für Print-Stylesheets (@media print) verwendet, aber selten im normalen Web-CSS. Bleiben Sie für Bildschirm-Layouts bei PX, REM oder EM.

Geben Sie mehrere PX-Werte einen pro Zeile in das Feld 'Bulk Converter' ein und klicken Sie auf Konvertieren. Sie erhalten die Äquivalente für REM, EM und PT für jeden Wert in einer einzigen Tabelle. Nützlich beim Migrieren eines Designsystems oder wenn Sie ein bestehendes Stylesheet komplett von PX auf REM konvertieren möchten.

Der Abschnitt CSS Variables generiert fertige CSS Custom Property Deklarationen aus Ihren Massenkonvertierungs-Ergebnissen. Zum Beispiel: --font-sm: 0.875rem; --font-base: 1rem; --font-lg: 1.25rem. Sie können diese direkt in Ihren :root {} Block kopieren.

Verwenden Sie die Schriftgröße, die Sie im html-Element in Ihrem CSS festgelegt haben. Wenn Sie nichts festgelegt haben, gilt der Browserstandard (16px). Einige Entwickler setzen html { font-size: 62.5% } um 1rem = 10px zu ermöglichen, was das Kopfrechnen erleichtert (z. B. 24px = 2.4rem). Ändern Sie die Eingabe für die Basisgröße, um sie an die tatsächliche Root-Schriftgröße Ihres Projekts anzupassen.

Nein. Alle Konvertierungen werden lokal in Ihrem Browser mit JavaScript berechnet. Es wird nichts übertragen oder gespeichert. Sie können es offline verwenden, nachdem die Seite geladen wurde.