1. Érték megadása
Írjon be egy számot a beviteli mezőbe. Használhat pontot vagy vesszőt tizedesjegyként.
Vw px-re
Ez az átváltó azonnal átszámol. Adjon meg egy értéket és az eredmény azonnal megjelenik.
Loading tool editor...
Mikor kell használni: Vw px-re?
A CSS vw egység egyenlő 1 % a viewport szélességének. Egy 1920px-es képernyőn: 1vw = 19,2px, 50vw = 960px, 100vw = 1920px.
A vw-t gyakran használják fluid tipográfiához: font-size: clamp(1rem, 2.5vw, 2rem).
Minden számítás helyben, a böngészőjében történik.
Hogyan használja az átváltót?
2. Eredmény leolvasása
Az átváltás eredménye azonnal megjelenik a mellette lévő mezőben – kattintás nélkül.3. Másolás vagy megfordítás
Kattintson az Eredmény másolása gombra vagy használja a Megfordítás gombot.
Mikor hasznos ez az átváltó?
Reszponzív elrendezések
Teljes képernyős szekciók: width: 100vw, height: 100vh.Fluid typography
Skálázott címsorok: font-size: clamp(2rem, 5vw, 4rem).Mobile first
A vw margók és paddingek a képernyővel együtt skálázódnak.Webfejlesztés
Ellenőrizze, hány px egy adott vw érték egy konkrét eszközön.
Mi teszi különlegessé ezt az átváltót?
Teljes adatvédelem
Minden számítás helyben, a böngészőjében történik. Semmilyen adat nem kerül szerverre.Azonnali eredmények
Az eredmény azonnal frissül gépelés közben – nem kell semmilyen gombra kattintani.Kétirányú átváltás
A Megfordítás gomb segítségével egy kattintással válthat irányt.Referencia táblázat
Kész táblázat gyakran átváltott értékekkel és kontextuális leírásokkal.
Hogyan működik az átváltás?
A képlet: px = vw × viewport_szélesség / 100.
1920px viewport esetén: 1vw = 19,2px. 1280px: 1vw = 12,8px. 375px (iPhone): 1vw = 3,75px.
Kapcsolódó egységek: vh = 1% viewport magasság, vmin = 1% kisebb méret, vmax = 1% nagyobb méret.
Gyakorlati tippek
- A 100vw tartalmazza a scrollbar szélességét. Használja a width: 100%-ot tartalomszélességhez scrollbar nélkül.
- Fluid tipográfia: font-size: clamp(1rem, 2.5vw, 2rem) korlátozza a minimális és maximális méretet.
- Gyakori viewportok: 375px (iPhone), 768px (iPad), 1280px (laptop), 1920px (desktop).
- A vw újraszámítódik ablakméret változáskor. A CSS calc() működik vw-vel: width: calc(100vw - 2rem).
vw at different viewport widths
| vw value | At 1920px | At 375px (mobile) |
|---|---|---|
| 1vw | 19.2px | 3.75px |
| 10vw | 192px | 37.5px |
| 50vw | 960px | 187.5px |
| 100vw | 1920px | 375px |
| 2.5vw (font) | 48px | 9.4px |
At 1920px
- 1vw
19.2px - 10vw
192px - 50vw
960px - 100vw
1920px - 2.5vw (font)
48px
At 375px (mobile)
- 1vw
3.75px - 10vw
37.5px - 50vw
187.5px - 100vw
375px - 2.5vw (font)
9.4px
Más egységek átváltása px egységre
További mértékegység-átváltók
Gyakran ismételt kérdések
Segítsen javítani eszközeinket
Van ötlete, hibát talált vagy funkciót szeretne javasolni? Írjon nekünk – 24 órán belül válaszolunk.