CSS-Einheiten Konverter
Konvertieren Sie zwischen beliebigen CSS-Einheiten mit genauen, kontextbezogenen Berechnungen. Geben Sie einen Wert ein, wählen Sie die Quelleinheit aus und sehen Sie das Äquivalent in allen 14 CSS-Einheitstypen sofort.
Unterstützte Einheiten
| Einheit | Typ | Beschreibung |
|---|---|---|
px | Absolut | Pixel, Basiseinheit für die Bildschirmdarstellung |
pt | Absolut | Punkt (1pt = 1/72 Zoll, 1pt ≈ 1,333px) |
pc | Absolut | Pica (1pc = 12pt) |
cm | Absolut | Zentimeter |
mm | Absolut | Millimeter |
in | Absolut | Zoll (1in = 96px) |
rem | Relativ | Root em, relativ zur Root-Schriftgröße |
em | Relativ | Em, relativ zur Schriftgröße des übergeordneten Elements |
vw | Viewport | 1% der Viewport-Breite |
vh | Viewport | 1% der Viewport-Höhe |
vmin | Viewport | 1% der kleineren Viewport-Dimension |
vmax | Viewport | 1% der größeren Viewport-Dimension |
ex | Schrift | Ungefähre x-Höhe (≈ 0,5em) |
ch | Schrift | Ungefähre Zeichenbreite (≈ 0,6em) |
So verwenden Sie es
- Geben Sie einen numerischen Wert in das Eingabefeld ein
- Wählen Sie die Quelleinheit aus dem Dropdown aus
- Sehen Sie den konvertierten Wert in allen anderen Einheiten
- Passen Sie die Basisschriftgröße oder Viewport-Maße für genaue relative Umrechnungen an
Häufige Anwendungsfälle
Responsives Design mit rem
Beim Erstellen von responsiven Layouts stellt die Umrechnung zwischen px und rem sicher, dass Ihre Abstände korrekt mit den Benutzereinstellungen skalieren.
Viewport-Einheiten in Media Queries
Konvertieren Sie Pixel-Breakpoints in Viewport-Einheiten für flüssige responsive Designs.