DevBentoPx-zu-Em-Konverter
Wandle Pixel sofort in em-Einheiten um mit diesem gratis CSS-Konverter. Passe die Eltern-Schriftgröße an und sieh die Umrechnung in Echtzeit.
Viewport-Einstellungen
| Einheit | Wert | |
|---|---|---|
| pxPixel | 16 | |
| ptPoint | 12 | |
| pcPica | 1 | |
| cmCentimeter | 0.42333333 | |
| mmMillimeter | 4.2333333 | |
| inInch | 0.16666667 | |
| remRoot em | 1 | |
| emEm | 1 | |
| vwViewport width | 1.1111111 | |
| vhViewport height | 1.7777778 | |
| vminViewport minimum | 1.7777778 | |
| vmaxViewport maximum | 1.1111111 | |
| exx-height (approx) | 2 | |
| chCharacter width (approx) | 1.6666667 |
Pixel in Em umrechnen
Gib einen Pixelwert ein, um ihn in em umzurechnen. Die Umrechnung teilt deinen Wert durch die Schriftgröße des Elternelements (Standard 16px). Anders als rem folgt em dem nächsten Elternteil, ideal für Komponenten, die als Einheit skalieren.
Gängige Werte (16px Eltern)
| Pixel | Em | Anwendungsfall |
|---|---|---|
| 12px | 0.75em | Kleingedrucktes in Karte |
| 16px | 1em | Exakt wie Eltern |
| 24px | 1.5em | Kartenüberschrift |
| 32px | 2em | Hero-Text |
Die Kumulationsfalle
Em multipliziert den Baum hinab. Drei Ebenen à 1.2em ergeben 1.728em am Blatt. Lösung: Faktor nur auf einer Ebene setzen, oder außen rem und nur in der Blattkomponente em nutzen.
Für wurzelrelative Einheiten versuche Px zu Rem oder sieh alle im CSS Units Converter.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.