1. Syötä arvo
Kirjoita luku syöttökenttään.
Vw px:ksi
Tämä muunnin laskee välittömästi. Syötä arvo ja tulos näkyy heti.
Loading tool editor...
Milloin vw muunnetaan pikseleiksi?
CSS-yksikkö vw = 1% viewport-leveydestä. 1920px:llä: 1vw = 19,2px, 50vw = 960px, 100vw = 1920px.
Kaikki laskelmat suoritetaan paikallisesti selaimessasi.
Miten muunninta käytetään?
2. Lue tulos
Tulos näkyy välittömästi.3. Kopioi tai vaihda
Kopioi tulos tai vaihda muunnossuunta.
Milloin tämä muunnin on hyödyllinen?
Responsiivinen suunnittelu
50vw = 960px 1920px:llä.Joustava typografia
font-size: 2,5vw = 48px 1920px:llä.Asettelun virheiden selvitys
Tarkista vw-asettelut breakpointeilla.Web-kehitys
Muunna vw pikseleiksi kohdenäytöille.
Mikä tekee tästä muuntimesta erityisen?
Täysi yksityisyys
Kaikki laskelmat suoritetaan paikallisesti selaimessasi.Reaaliaikaiset tulokset
Tulos päivittyy kirjoittaessasi.Kaksisuuntainen muunnos
Muunna molempiin suuntiin yhdellä napsautuksella.Viitetaulukko
Taulukko yleisistä arvoista ja kontekstikuvauksista.
Miten muunnos toimii?
px = vw × viewport-leveys / 100.
1920px:llä: 1vw = 19,2px. 375px:llä (iPhone): 1vw = 3,75px.
Miten muunnos toimii?
px = vw × viewport-leveys / 100.
1920px:llä: 1vw = 19,2px. 375px:llä (iPhone): 1vw = 3,75px.
vw eri viewport-leveyksillä
| vw | 1920px:llä | 375px:llä |
|---|---|---|
| 1vw | 19,2px | 3,75px |
| 10vw | 192px | 37,5px |
| 50vw | 960px | 187,5px |
| 100vw | 1920px | 375px |
| 2,5vw | 48px | 9,4px |
1920px:llä
- 1vw
19,2px - 10vw
192px - 50vw
960px - 100vw
1920px - 2,5vw
48px
375px:llä
- 1vw
3,75px - 10vw
37,5px - 50vw
187,5px - 100vw
375px - 2,5vw
9,4px
Muunna muut yksiköt yksiköksi px
Tutustu muihin yksikkömuuntimeen
Usein kysytyt kysymykset
Auta meitä parantamaan työkalujamme
Onko sinulla idea, löysitkö virheen tai haluatko ehdottaa ominaisuutta? Kirjoita meille – vastaamme 24 tunnin kuluessa.