360px to VW Conversion Table
Mobile design · The most common Android CSS width (Galaxy and others) and the default base for mobile mockups in Korea. Convert live with the calculator below or look values up in the table.
px → vw table for a 360px base
Formula: vw = px ÷ 360 × 100 · 1px = 0.2778vw · 1vw = 3.6px
| px | vw |
|---|---|
| 1px | 0.278vw |
| 2px | 0.556vw |
| 4px | 1.111vw |
| 6px | 1.667vw |
| 8px | 2.222vw |
| 10px | 2.778vw |
| 12px | 3.333vw |
| 13px | 3.611vw |
| 14px | 3.889vw |
| 15px | 4.167vw |
| 16px | 4.444vw |
| 17px | 4.722vw |
| 18px | 5vw |
| 20px | 5.556vw |
| 22px | 6.111vw |
| 24px | 6.667vw |
| 26px | 7.222vw |
| 28px | 7.778vw |
| px | vw |
|---|---|
| 30px | 8.333vw |
| 32px | 8.889vw |
| 36px | 10vw |
| 40px | 11.111vw |
| 44px | 12.222vw |
| 48px | 13.333vw |
| 50px | 13.889vw |
| 56px | 15.556vw |
| 60px | 16.667vw |
| 64px | 17.778vw |
| 72px | 20vw |
| 80px | 22.222vw |
| 90px | 25vw |
| 96px | 26.667vw |
| 100px | 27.778vw |
| 120px | 33.333vw |
| 140px | 38.889vw |
| 160px | 44.444vw |
| px | vw |
|---|---|
| 180px | 50vw |
| 200px | 55.556vw |
| 240px | 66.667vw |
| 280px | 77.778vw |
| 300px | 83.333vw |
| 320px | 88.889vw |
| 360px | 100vw |
| 400px | 111.111vw |
| 480px | 133.333vw |
| 500px | 138.889vw |
| 600px | 166.667vw |
| 640px | 177.778vw |
| 720px | 200vw |
| 800px | 222.222vw |
| 960px | 266.667vw |
| 1000px | 277.778vw |
| 1200px | 333.333vw |
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 360px base
| vw | px |
|---|---|
| 0.1vw | 0.36px |
| 0.25vw | 0.9px |
| 0.5vw | 1.8px |
| 0.75vw | 2.7px |
| 1vw | 3.6px |
| 1.25vw | 4.5px |
| 1.5vw | 5.4px |
| 2vw | 7.2px |
| 2.5vw | 9px |
| vw | px |
|---|---|
| 3vw | 10.8px |
| 4vw | 14.4px |
| 5vw | 18px |
| 6vw | 21.6px |
| 7.5vw | 27px |
| 8vw | 28.8px |
| 10vw | 36px |
| 12.5vw | 45px |
| vw | px |
|---|---|
| 15vw | 54px |
| 20vw | 72px |
| 25vw | 90px |
| 30vw | 108px |
| 40vw | 144px |
| 50vw | 180px |
| 75vw | 270px |
| 100vw | 360px |
How does it look on other screens?
What the vw values from a 360px design render as, in px, on other viewport widths.
| Design value | vw | 320px screen | 390px screen | 430px screen |
|---|---|---|---|---|
| 12px | 3.333vw | 10.7px | 13px | 14.3px |
| 14px | 3.889vw | 12.4px | 15.2px | 16.7px |
| 16px | 4.444vw | 14.2px | 17.3px | 19.1px |
| 20px | 5.556vw | 17.8px | 21.7px | 23.9px |
| 24px | 6.667vw | 21.3px | 26px | 28.7px |
| 32px | 8.889vw | 28.4px | 34.7px | 38.2px |
| 48px | 13.333vw | 42.7px | 52px | 57.3px |
| 64px | 17.778vw | 56.9px | 69.3px | 76.4px |
Frequently asked questions
How many vw is 16px on a 360px base?
(16 ÷ 360) × 100 = 4.4444vw. Rounded to two decimals that is 4.44vw.
How many px is 1vw on a 360px screen?
On a 360px-wide screen 1vw is 1% of the width, i.e. 3.6px. Conversely, 1px is 0.2778vw.
What happens to a 360px design converted to vw on other screens?
vw scales with the viewport width, so 16px (4.444vw) from a 360px design renders as 14.2px on a 320px screen, 17.3px on a 390px screen, 19.1px on a 430px screen. Use clamp() to set minimum and maximum sizes so values never get too small or too large.