Rechnen Sie sofort zwischen px, rem, em, pt, vw, vh und % um, mit Ihrer eigenen Basis-Schriftgröße und Viewport-Abmessungen – kein Rätselraten mehr, was 1,5rem tatsächlich in Pixeln bedeutet.
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.
Bei einer Basis-Schriftgröße von 16px entspricht 1,5rem 24px. Bei einer Viewport-Breite von 1440px entspricht 5vw 72px.