DevToolPal
DE

CSS-Einheiten

px in vw umrechnen

Rechnen Sie Pixel (px) in Viewport-Breiteneinheiten (vw) um. 1 px = 0,05208333333 vw und 1 vw = 19,2 px.

1 px = 0,05208333333 vw

In PX-zu-REM-Rechner öffnen

Formel

vw = px × 100 ÷ 1920

So rechnen Sie um

Um Pixel in Viewport-Breiteneinheiten umzurechnen, verwenden Sie die Formel vw = px × 100 ÷ 1920. Beispiel: 32 px = 1,666666667 vw.

Umrechnungstabelle

px vw
1 px 0,05208333333 vw
2 px 0,1041666667 vw
4 px 0,2083333333 vw
8 px 0,4166666667 vw
10 px 0,5208333333 vw
12 px 0,625 vw
14 px 0,7291666667 vw
16 px 0,8333333333 vw
18 px 0,9375 vw
20 px 1,041666667 vw
24 px 1,25 vw
32 px 1,666666667 vw
48 px 2,5 vw
64 px 3,333333333 vw

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 px in vw um?

1 px = 0,05208333333 vw. Zum Umrechnen verwenden Sie die Formel vw = px × 100 ÷ 1920: 32 px = 1,666666667 vw.

› Wie viel ist 1 vw in px?

1 vw = 19,2 px. Die Umkehrformel lautet px = vw × 1920 ÷ 100.

› 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.