412px to VW Conversion Table
Mobile design · The CSS width of large-screen Android phones such as Pixel. Convert live with the calculator below or look values up in the table.
px → vw table for a 412px base
Formula: vw = px ÷ 412 × 100 · 1px = 0.2427vw · 1vw = 4.12px
| px | vw |
|---|---|
| 1px | 0.243vw |
| 2px | 0.485vw |
| 4px | 0.971vw |
| 6px | 1.456vw |
| 8px | 1.942vw |
| 10px | 2.427vw |
| 12px | 2.913vw |
| 13px | 3.155vw |
| 14px | 3.398vw |
| 15px | 3.641vw |
| 16px | 3.883vw |
| 17px | 4.126vw |
| 18px | 4.369vw |
| 20px | 4.854vw |
| 22px | 5.34vw |
| 24px | 5.825vw |
| 26px | 6.311vw |
| 28px | 6.796vw |
| px | vw |
|---|---|
| 30px | 7.282vw |
| 32px | 7.767vw |
| 36px | 8.738vw |
| 40px | 9.709vw |
| 44px | 10.68vw |
| 48px | 11.65vw |
| 50px | 12.136vw |
| 56px | 13.592vw |
| 60px | 14.563vw |
| 64px | 15.534vw |
| 72px | 17.476vw |
| 80px | 19.417vw |
| 90px | 21.845vw |
| 96px | 23.301vw |
| 100px | 24.272vw |
| 120px | 29.126vw |
| 140px | 33.981vw |
| 160px | 38.835vw |
| px | vw |
|---|---|
| 180px | 43.689vw |
| 200px | 48.544vw |
| 240px | 58.252vw |
| 280px | 67.961vw |
| 300px | 72.816vw |
| 320px | 77.67vw |
| 360px | 87.379vw |
| 400px | 97.087vw |
| 480px | 116.505vw |
| 500px | 121.359vw |
| 600px | 145.631vw |
| 640px | 155.34vw |
| 720px | 174.757vw |
| 800px | 194.175vw |
| 960px | 233.01vw |
| 1000px | 242.718vw |
| 1200px | 291.262vw |
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 412px base
| vw | px |
|---|---|
| 0.1vw | 0.41px |
| 0.25vw | 1.03px |
| 0.5vw | 2.06px |
| 0.75vw | 3.09px |
| 1vw | 4.12px |
| 1.25vw | 5.15px |
| 1.5vw | 6.18px |
| 2vw | 8.24px |
| 2.5vw | 10.3px |
| vw | px |
|---|---|
| 3vw | 12.36px |
| 4vw | 16.48px |
| 5vw | 20.6px |
| 6vw | 24.72px |
| 7.5vw | 30.9px |
| 8vw | 32.96px |
| 10vw | 41.2px |
| 12.5vw | 51.5px |
| vw | px |
|---|---|
| 15vw | 61.8px |
| 20vw | 82.4px |
| 25vw | 103px |
| 30vw | 123.6px |
| 40vw | 164.8px |
| 50vw | 206px |
| 75vw | 309px |
| 100vw | 412px |
How does it look on other screens?
What the vw values from a 412px design render as, in px, on other viewport widths.
| Design value | vw | 320px screen | 360px screen | 390px screen |
|---|---|---|---|---|
| 12px | 2.913vw | 9.3px | 10.5px | 11.4px |
| 14px | 3.398vw | 10.9px | 12.2px | 13.3px |
| 16px | 3.883vw | 12.4px | 14px | 15.1px |
| 20px | 4.854vw | 15.5px | 17.5px | 18.9px |
| 24px | 5.825vw | 18.6px | 21px | 22.7px |
| 32px | 7.767vw | 24.9px | 28px | 30.3px |
| 48px | 11.65vw | 37.3px | 41.9px | 45.4px |
| 64px | 15.534vw | 49.7px | 55.9px | 60.6px |
Frequently asked questions
How many vw is 16px on a 412px base?
(16 ÷ 412) × 100 = 3.8835vw. Rounded to two decimals that is 3.88vw.
How many px is 1vw on a 412px screen?
On a 412px-wide screen 1vw is 1% of the width, i.e. 4.12px. Conversely, 1px is 0.2427vw.
What happens to a 412px design converted to vw on other screens?
vw scales with the viewport width, so 16px (3.883vw) from a 412px design renders as 12.4px on a 320px screen, 14px on a 360px screen, 15.1px on a 390px screen. Use clamp() to set minimum and maximum sizes so values never get too small or too large.