430px to VW Conversion Table
Mobile design · iPhone Pro Max and Plus width, used for large-phone layouts. Convert live with the calculator below or look values up in the table.
px → vw table for a 430px base
Formula: vw = px ÷ 430 × 100 · 1px = 0.2326vw · 1vw = 4.3px
| px | vw |
|---|---|
| 1px | 0.233vw |
| 2px | 0.465vw |
| 4px | 0.93vw |
| 6px | 1.395vw |
| 8px | 1.86vw |
| 10px | 2.326vw |
| 12px | 2.791vw |
| 13px | 3.023vw |
| 14px | 3.256vw |
| 15px | 3.488vw |
| 16px | 3.721vw |
| 17px | 3.953vw |
| 18px | 4.186vw |
| 20px | 4.651vw |
| 22px | 5.116vw |
| 24px | 5.581vw |
| 26px | 6.047vw |
| 28px | 6.512vw |
| px | vw |
|---|---|
| 30px | 6.977vw |
| 32px | 7.442vw |
| 36px | 8.372vw |
| 40px | 9.302vw |
| 44px | 10.233vw |
| 48px | 11.163vw |
| 50px | 11.628vw |
| 56px | 13.023vw |
| 60px | 13.953vw |
| 64px | 14.884vw |
| 72px | 16.744vw |
| 80px | 18.605vw |
| 90px | 20.93vw |
| 96px | 22.326vw |
| 100px | 23.256vw |
| 120px | 27.907vw |
| 140px | 32.558vw |
| 160px | 37.209vw |
| px | vw |
|---|---|
| 180px | 41.86vw |
| 200px | 46.512vw |
| 240px | 55.814vw |
| 280px | 65.116vw |
| 300px | 69.767vw |
| 320px | 74.419vw |
| 360px | 83.721vw |
| 400px | 93.023vw |
| 480px | 111.628vw |
| 500px | 116.279vw |
| 600px | 139.535vw |
| 640px | 148.837vw |
| 720px | 167.442vw |
| 800px | 186.047vw |
| 960px | 223.256vw |
| 1000px | 232.558vw |
| 1200px | 279.07vw |
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 430px base
| vw | px |
|---|---|
| 0.1vw | 0.43px |
| 0.25vw | 1.07px |
| 0.5vw | 2.15px |
| 0.75vw | 3.23px |
| 1vw | 4.3px |
| 1.25vw | 5.38px |
| 1.5vw | 6.45px |
| 2vw | 8.6px |
| 2.5vw | 10.75px |
| vw | px |
|---|---|
| 3vw | 12.9px |
| 4vw | 17.2px |
| 5vw | 21.5px |
| 6vw | 25.8px |
| 7.5vw | 32.25px |
| 8vw | 34.4px |
| 10vw | 43px |
| 12.5vw | 53.75px |
| vw | px |
|---|---|
| 15vw | 64.5px |
| 20vw | 86px |
| 25vw | 107.5px |
| 30vw | 129px |
| 40vw | 172px |
| 50vw | 215px |
| 75vw | 322.5px |
| 100vw | 430px |
How does it look on other screens?
What the vw values from a 430px design render as, in px, on other viewport widths.
| Design value | vw | 320px screen | 360px screen | 390px screen |
|---|---|---|---|---|
| 12px | 2.791vw | 8.9px | 10px | 10.9px |
| 14px | 3.256vw | 10.4px | 11.7px | 12.7px |
| 16px | 3.721vw | 11.9px | 13.4px | 14.5px |
| 20px | 4.651vw | 14.9px | 16.7px | 18.1px |
| 24px | 5.581vw | 17.9px | 20.1px | 21.8px |
| 32px | 7.442vw | 23.8px | 26.8px | 29px |
| 48px | 11.163vw | 35.7px | 40.2px | 43.5px |
| 64px | 14.884vw | 47.6px | 53.6px | 58px |
Frequently asked questions
How many vw is 16px on a 430px base?
(16 ÷ 430) × 100 = 3.7209vw. Rounded to two decimals that is 3.72vw.
How many px is 1vw on a 430px screen?
On a 430px-wide screen 1vw is 1% of the width, i.e. 4.3px. Conversely, 1px is 0.2326vw.
What happens to a 430px design converted to vw on other screens?
vw scales with the viewport width, so 16px (3.721vw) from a 430px design renders as 11.9px on a 320px screen, 13.4px on a 360px screen, 14.5px on a 390px screen. Use clamp() to set minimum and maximum sizes so values never get too small or too large.