CSS-Unit-Überträger
Freies Online-Tool zum Umrechnen von CSS-Uniten – Konvertierung von px/rem/em/vw
CSS-Einheitentypen
px (Pixel) — absolute Einheit, 1px = 1/96 Zoll. rem — relativ zur Wurzelschriftgroesse (Standard 16px). em — relativ zur Elterschriftgroesse. vw — 1% der Viewport-Breite. vh — 1% der Viewport-Hoehe. pt — Punkt (1pt = 1,333px). cm, mm, in — physikalische Einheiten.
CSS-Einheiten konvertieren
Geben Sie einen Wert mit seiner Einheit ein, legen Sie die Wurzelschriftgroesse (fuer rem-Berechnungen) und Viewport-Abmessungen (fuer vw/vh) fest. Das Tool zeigt Konvertierungen in alle anderen Einheiten an. Dies hilft sicherzustellen, dass responsive Designs auf verschiedenen Bildschirmgroessen funktionieren.
▶Sollte ich px oder rem verwenden?
Verwenden Sie rem fuer Schriftgroessen und Abstaende zur Unterstuetzung von Barrierefreiheitseinstellungen (Browser-Zoom). Verwenden Sie px fuer Rahmen, Schatten und feine Details. Viele Teams bevorzugen einen rem-ersten Ansatz fuer bessere Zugaenglichkeit.
▶Was ist die Standard-Wurzelschriftgroesse?
Die Standard-Wurzelschriftgroesse in den meisten Browsern ist 16px. Also 1rem = 16px, 1,5rem = 24px. Sie koennen dies mit html { font-size: ... } in CSS aendern.
▶Wann sollte ich vw und vh verwenden?
Verwenden Sie vw/vh fuer responsive Layouts, die mit dem Viewport skalieren. Hero-Bereiche, die den ganzen Bildschirm fuellen (100vh), Schriftgroessen, die mit der Viewport-Breite skalieren, und vollbreite Elemente sind typische Anwendungsfaelle.
Wenn dieses Tool Ihnen geholfen hat, zögern Sie nicht, mir einen Kaffee zu kaufen.
Kaufe mir einen Kaffee.