390px to VW Conversion Table
Mobile design · iPhone 12 to 14 width, common for recent iOS-first mobile mockups. Convert live with the calculator below or look values up in the table.
px → vw table for a 390px base
Formula: vw = px ÷ 390 × 100 · 1px = 0.2564vw · 1vw = 3.9px
| px | vw |
|---|---|
| 1px | 0.256vw |
| 2px | 0.513vw |
| 4px | 1.026vw |
| 6px | 1.538vw |
| 8px | 2.051vw |
| 10px | 2.564vw |
| 12px | 3.077vw |
| 13px | 3.333vw |
| 14px | 3.59vw |
| 15px | 3.846vw |
| 16px | 4.103vw |
| 17px | 4.359vw |
| 18px | 4.615vw |
| 20px | 5.128vw |
| 22px | 5.641vw |
| 24px | 6.154vw |
| 26px | 6.667vw |
| 28px | 7.179vw |
| px | vw |
|---|---|
| 30px | 7.692vw |
| 32px | 8.205vw |
| 36px | 9.231vw |
| 40px | 10.256vw |
| 44px | 11.282vw |
| 48px | 12.308vw |
| 50px | 12.821vw |
| 56px | 14.359vw |
| 60px | 15.385vw |
| 64px | 16.41vw |
| 72px | 18.462vw |
| 80px | 20.513vw |
| 90px | 23.077vw |
| 96px | 24.615vw |
| 100px | 25.641vw |
| 120px | 30.769vw |
| 140px | 35.897vw |
| 160px | 41.026vw |
| px | vw |
|---|---|
| 180px | 46.154vw |
| 200px | 51.282vw |
| 240px | 61.538vw |
| 280px | 71.795vw |
| 300px | 76.923vw |
| 320px | 82.051vw |
| 360px | 92.308vw |
| 400px | 102.564vw |
| 480px | 123.077vw |
| 500px | 128.205vw |
| 600px | 153.846vw |
| 640px | 164.103vw |
| 720px | 184.615vw |
| 800px | 205.128vw |
| 960px | 246.154vw |
| 1000px | 256.41vw |
| 1200px | 307.692vw |
Batch CSS converter
Paste CSS and every value converts instantly. @media conditions are left untouched.
Calculate in SCSS or CSS
Functions with your base width baked in. Paste them into your project.
SCSS
CSS
vw → px table for a 390px base
| vw | px |
|---|---|
| 0.1vw | 0.39px |
| 0.25vw | 0.97px |
| 0.5vw | 1.95px |
| 0.75vw | 2.92px |
| 1vw | 3.9px |
| 1.25vw | 4.88px |
| 1.5vw | 5.85px |
| 2vw | 7.8px |
| 2.5vw | 9.75px |
| vw | px |
|---|---|
| 3vw | 11.7px |
| 4vw | 15.6px |
| 5vw | 19.5px |
| 6vw | 23.4px |
| 7.5vw | 29.25px |
| 8vw | 31.2px |
| 10vw | 39px |
| 12.5vw | 48.75px |
| vw | px |
|---|---|
| 15vw | 58.5px |
| 20vw | 78px |
| 25vw | 97.5px |
| 30vw | 117px |
| 40vw | 156px |
| 50vw | 195px |
| 75vw | 292.5px |
| 100vw | 390px |
How does it look on other screens?
What the vw values from a 390px design render as, in px, on other viewport widths.
| Design value | vw | 320px screen | 360px screen | 430px screen |
|---|---|---|---|---|
| 12px | 3.077vw | 9.8px | 11.1px | 13.2px |
| 14px | 3.59vw | 11.5px | 12.9px | 15.4px |
| 16px | 4.103vw | 13.1px | 14.8px | 17.6px |
| 20px | 5.128vw | 16.4px | 18.5px | 22.1px |
| 24px | 6.154vw | 19.7px | 22.2px | 26.5px |
| 32px | 8.205vw | 26.3px | 29.5px | 35.3px |
| 48px | 12.308vw | 39.4px | 44.3px | 52.9px |
| 64px | 16.41vw | 52.5px | 59.1px | 70.6px |
Frequently asked questions
How many vw is 16px on a 390px base?
(16 ÷ 390) × 100 = 4.1026vw. Rounded to two decimals that is 4.1vw.
How many px is 1vw on a 390px screen?
On a 390px-wide screen 1vw is 1% of the width, i.e. 3.9px. Conversely, 1px is 0.2564vw.
What happens to a 390px design converted to vw on other screens?
vw scales with the viewport width, so 16px (4.103vw) from a 390px design renders as 13.1px on a 320px screen, 14.8px on a 360px screen, 17.6px on a 430px screen. Use clamp() to set minimum and maximum sizes so values never get too small or too large.