px-zu-rem- & em-Konverter
Konvertieren Sie zwischen px, rem und em basierend auf Ihren eigenen Root- und Kontext-Schriftgrößen – bearbeiten Sie ein Feld, und die anderen beiden passen sich direkt bei der Eingabe an.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Jede Konvertierung läuft direkt in Ihrem Browser. Keine Ihrer Eingaben wird an BroBroGo übertragen.
FAQ
Was ist der Unterschied zwischen px, rem und em?
px ist eine feste Längeneinheit. rem bezieht sich auf die Root-Schriftgröße der Seite (bei einer Basis von 16px entspricht 1rem genau 16px). em bezieht sich auf die Schriftgröße des Elements, in dem es sich befindet. Das Festlegen von Schriftgrößen und Abständen in rem sorgt dafür, dass alles skaliert, wenn Nutzer die Standardschriftgröße ihres Browsers ändern.
Warum gibt es eine separate em-Kontextgröße?
em bezieht sich auf die Schriftgröße des eigenen Elements, die nicht immer mit der des Root-Elements übereinstimmt. Stellen Sie den em-Kontext auf die Schriftgröße dieses Elements ein, um den em-Wert korrekt zu berechnen, und lassen Sie ihn der Root-Größe entsprechen, wenn beide übereinstimmen.
Was ist, wenn meine Root-Schriftgröße nicht 16px beträgt?
Passen Sie das Feld für die Root-Schriftgröße an Ihr CSS an, und alle rem-Werte werden sofort aktualisiert. Die Tabelle unten dient als praktische Orientierung für die typische Basis von 16px, mit der die meisten Websites starten.