CSS Unit Converter
Zwischen allen CSS-Einheiten mit benutzerdefinierter Basis-Schriftgröße und Viewport umrechnen.
① Quell- und Ziel-CSS-Einheit wählen ② Wert eingeben ③ Ergebnis kopieren
→
Einstellungen
Basis-Schrift
Standard 16px — beeinflusst rem, em, ex, ch
Viewport
Standard 1440×900 — beeinflusst vw, vh, vmin, vmax
13 Einheiten
px, rem, em, vw, vh, vmin, vmax, pt, pc, ex, ch, cm, mm, in
CSS Einheitenrechner — Alle Einheiten Erklärt
CSS verwendet mehrere Einheiten: absolute (px, pt, cm, mm, in) und relative (rem, em, vw, vh). Relative Einheiten hängen vom Kontext ab — rem nutzt die Root-Schriftgröße, em die des Elternelements.
Häufig gestellte Fragen
px ist absolut. rem ist relativ zur Root-Schriftgröße (meist 16px). em ist relativ zum Elternelement. rem wird für zugängliche Typografie bevorzugt.
vw ist 1% der Browserbreite. vh ist 1% der Höhe. Für fluid Layouts und Vollbild-Sektionen.
Browser verwenden standardmäßig 16px. 1rem = 16px. Kann in den Einstellungen geändert werden.
pt (Punkt) und pc (Pica) sind absolute Druckeinheiten. 1pt = 1,333px. Selten im Web-CSS.
rem für Schriftgrößen und Abstände. px für Rahmen und Feinheiten.
ex ist die x-Höhe der Schrift. ch ist die Breite des "0"-Zeichens.
vmin ist 1% der kleineren Viewport-Dimension. vmax ist 1% der größeren.