Pixel to REM Converter
Rechnet CSS-Einheiten zwischen px und rem um
Basis-Schriftgrösse
px
Standard in den meisten Browsern ist 16px. 1rem=1 × Basis-Schriftgrösse.
Umrechnung
px
rem
Referenztabelle
Basis: 16px
| Pixel | REM | Pixel | REM |
|---|
Was ist REM?
REM (Root EM) ist eine relative CSS-Einheit, die sich auf die Schriftgrösse des <html>-Elements bezieht.
Anders als EM, das sich auf das Elternelement bezieht, ist REM konsistent im gesamten Dokument.
Vorteile von REM
- Bessere Zugänglichkeit
- Einfacher zu skalieren
- Konsistente Proportionen
- Respektiert Browser-Einstellungen
CSS-Beispiel
html { font-size: 16px; }
h1 { font-size: 2rem; /* 32px */ }
p { font-size: 1rem; /* 16px */ }Tipps
- Verwende rem für Schriftgrössen
- px für Borders und Schatten
- rem für Abstände (margin, padding)
- 62.5%-Trick:
html { font-size: 62.5%; }macht 1rem=10px
War dieses Tool hilfreich?