1. Introduceți valoarea
Scrieți un număr în câmpul de introducere. Puteți folosi punctul sau virgula ca separator zecimal.
Vw în px
Acest convertor calculează instantaneu. Introduceți o valoare și rezultatul apare imediat.
Loading tool editor...
Când trebuie să folosiți: Vw în px?
Unitatea CSS vw echivalează cu 1 % din lățimea viewport-ului. Pe un ecran de 1920px: 1vw = 19,2px, 50vw = 960px, 100vw = 1920px.
vw este frecvent folosit pentru tipografie fluidă: font-size: clamp(1rem, 2.5vw, 2rem).
Toate calculele se efectuează local în browserul dumneavoastră.
Cum să utilizați convertorul?
2. Citiți rezultatul
Rezultatul conversiei apare instantaneu în câmpul adiacent – fără a da clic.3. Copiați sau inversați
Faceți clic pe Copiați rezultatul sau folosiți butonul Inversați.
Când este util acest convertor?
Layout-uri responsive
Secțiuni full-screen: width: 100vw, height: 100vh.Fluid typography
Titluri scalate: font-size: clamp(2rem, 5vw, 4rem).Mobile first
Marginile și padding-urile în vw se scalează cu ecranul.Dezvoltare web
Verificați câți px are o valoare vw pe un dispozitiv specific.
Ce face acest convertor special?
Confidențialitate completă
Toate calculele se fac local, în browserul dvs. Nicio dată nu este trimisă la vreun server.Rezultate în timp real
Rezultatul se actualizează instant pe măsură ce tastați – fără a apăsa vreun buton.Conversie bidirecțională
Butonul Inversare vă permite să convertiți în ambele direcții cu un singur clic.Tabel de referință
Un tabel gata cu valori convertite frecvent și descrieri contextuale.
Cum funcționează conversia?
Formula este: px = vw × lățime_viewport / 100.
La viewport 1920px: 1vw = 19,2px. La 1280px: 1vw = 12,8px. La 375px (iPhone): 1vw = 3,75px.
Unități conexe: vh = 1% înălțime viewport, vmin = 1% din dimensiunea mai mică, vmax = 1% din dimensiunea mai mare.
Sfaturi practice
- 100vw include lățimea scrollbar-ului. Folosiți width: 100% pentru lățimea conținutului fără scrollbar.
- Tipografie fluidă: font-size: clamp(1rem, 2.5vw, 2rem) limitează dimensiunea minimă și maximă.
- Viewport-uri comune: 375px (iPhone), 768px (iPad), 1280px (laptop), 1920px (desktop).
- vw se recalculează la redimensionarea ferestrei. CSS calc() funcționează cu vw: 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
Convertește alte unități în px
Explorează alte convertoare de unități
Întrebări frecvente
Ajutați-ne să ne îmbunătățim instrumentele
Aveți o idee, ați găsit o eroare sau doriți să sugerați o funcție? Scrieți-ne – răspundem în 24 de ore.