CSS unterstützt mehrere verschiedene Einheiten zur Größenangabe – absolute wie px und pt sowie relative wie rem, em, vw, vh und %. Relative Einheiten sind essenziell für responsives, barrierefreies Design (rem respektiert insbesondere die bevorzugte Browser-Schriftgröße eines Nutzers), aber das Umrechnen im Kopf ist wirklich schwierig, da das Ergebnis vom Kontext abhängt: der Wurzel-Schriftgröße, der Schriftgröße des aktuellen Elements oder den Viewport-Abmessungen.
Dieser Umrechner erledigt diese Berechnung für Sie: Legen Sie Ihre Basis-Schriftgröße, Viewport-Abmessungen und den umzurechnenden Wert fest, und sehen Sie sofort den entsprechenden Wert in jeder anderen Einheit – nützlich, um die Pixelmaße eines Design-Mockups in responsive rem/vw-Werte zu übersetzen oder zu prüfen, wie eine bestehende CSS-Regel tatsächlich auf dem Bildschirm dargestellt wird.
