Geben Sie eine Zahl ein
1 vw = 19,2 px
In PX-zu-REM-Rechner öffnenFormel
px = vw × 1920 ÷ 100
So rechnen Sie um
Um Viewport-Breiteneinheiten in Pixel umzurechnen, verwenden Sie die Formel px = vw × 1920 ÷ 100. Beispiel: 25 vw = 480 px.
Umrechnungstabelle
| vw | px |
|---|---|
| 1 vw | 19,2 px |
| 2 vw | 38,4 px |
| 5 vw | 96 px |
| 10 vw | 192 px |
| 25 vw | 480 px |
| 50 vw | 960 px |
| 75 vw | 1.440 px |
| 100 vw | 1.920 px |
Die Tabelle geht von einer Viewport-Breite von 1920px aus. Passen Sie die Einstellungen im Umrechner oben an Ihr Projekt an.
Über diese Einheiten
Browser rechnen jede CSS-Länge in Pixel um. rem bezieht sich auf die Schriftgröße des Wurzelelements, em auf die des Elternelements; beide sind in allen gängigen Browsern 16px, solange Seite oder Nutzer nichts ändern. 1pt ist 1/72 Zoll und 1px 1/96 Zoll, also 1pt = 1,333px. vw ist 1 % der Viewport-Breite, die Pixelgröße hängt also vom Bildschirm ab.
FAQ
› Wie rechne ich vw in px um?
1 vw = 19,2 px. Zum Umrechnen verwenden Sie die Formel px = vw × 1920 ÷ 100: 25 vw = 480 px.
› Wie viel ist 1 px in vw?
1 px = 0,05208333333 vw. Die Umkehrformel lautet vw = px × 100 ÷ 1920.
› Warum rem statt px verwenden?
rem-Größen folgen der im Browser eingestellten Schriftgröße, was der Barrierefreiheit hilft, und ein einziger Wurzelwert skaliert das ganze Layout einheitlich.
› Was ist der Unterschied zwischen rem und em?
rem nutzt immer die Schriftgröße des Wurzelelements (html). em nutzt die des Elternelements, verschachtelte em-Werte multiplizieren sich also.