REM ↔︎ PX Konvertierungstabellen
| REM | Pixeln |
|---|---|
| 0.01rem | 0.16px |
| 0.03rem | 0.5px |
| 0.05rem | 0.8px |
| 0.08rem | 1.3px |
| 0.1rem | 1.6px |
| 0.15rem | 2px |
| 0.2rem | 3px |
| 0.5rem | 8px |
| 1rem | 16px |
| 2rem | 32px |
| 3rem | 48px |
| 4rem | 64px |
| 5rem | 80px |
| 6rem | 96px |
| 8rem | 128px |
| 10rem | 160px |
| 15rem | 240px |
| 20rem | 320px |
| 30rem | 480px |
| 40rem | 640px |
| 50rem | 800px |
| 60rem | 960px |
| 80rem | 1280px |
| 100rem | 1600px |
| Pixeln | REM |
|---|---|
| 1px | 0.06rem |
| 2px | 0.13rem |
| 3px | 0.19rem |
| 4px | 0.3rem |
| 5px | 0.3rem |
| 6px | 0.4rem |
| 8px | 0.5rem |
| 10px | 0.6rem |
| 12px | 0.8rem |
| 14px | 0.9rem |
| 15px | 0.9rem |
| 16px | 1rem |
| 18px | 1.1rem |
| 20px | 1.3rem |
| 24px | 1.5rem |
| 25px | 1.6rem |
| 28px | 1.8rem |
| 32px | 2rem |
| 36px | 2rem |
| 40px | 3rem |
| 44px | 3rem |
| 48px | 3rem |
| 50px | 3rem |
| 56px | 4rem |
| 64px | 4rem |
| 72px | 5rem |
| 75px | 5rem |
| 80px | 5rem |
| 90px | 6rem |
| 100px | 6rem |
REM zu Pixeln umrechnen
Dies ist ein Rechner zur Konvertierung von CSS-Größeneinheit PX zu Pixeln. Die Umrechnung bezieht sich auf die Standardschriftgröße der Browser von 16 Pixeln, sie kann aber geändert werden.
Die Umrechnung funktionert natürlich in beide Richtungen, dafür einfach das andere Eingabefeld ändern.
EM vs. REM: Die Unterschiede
Innerhalb eines HTML-Dokuments ist die Länge einer REM-Einheit überall gleich, sie kann nur zwischen verschiedenen HTML-Dateien variieren.
EM andererseits kann zwischen allen Elemenen variieren, weil es jeweils relativ zur Elementeigenen font-size ist (Ausnahmefall ist die font-size-Angabe, bei dieser bezieht sich EM auf das Elternelement).
REM ist die neuere Einheit, ältere Browser unterstützen sie nicht.