375px to VW Conversion Table
Mobile design · iPhone SE and mini width, the long-standing standard artboard size for mobile mockups. Convert live with the calculator below or look values up in the table.
px → vw table for a 375px base
Formula: vw = px ÷ 375 × 100 · 1px = 0.2667vw · 1vw = 3.75px
| px | vw |
|---|---|
| 1px | 0.267vw |
| 2px | 0.533vw |
| 4px | 1.067vw |
| 6px | 1.6vw |
| 8px | 2.133vw |
| 10px | 2.667vw |
| 12px | 3.2vw |
| 13px | 3.467vw |
| 14px | 3.733vw |
| 15px | 4vw |
| 16px | 4.267vw |
| 17px | 4.533vw |
| 18px | 4.8vw |
| 20px | 5.333vw |
| 22px | 5.867vw |
| 24px | 6.4vw |
| 26px | 6.933vw |
| 28px | 7.467vw |
| px | vw |
|---|---|
| 30px | 8vw |
| 32px | 8.533vw |
| 36px | 9.6vw |
| 40px | 10.667vw |
| 44px | 11.733vw |
| 48px | 12.8vw |
| 50px | 13.333vw |
| 56px | 14.933vw |
| 60px | 16vw |
| 64px | 17.067vw |
| 72px | 19.2vw |
| 80px | 21.333vw |
| 90px | 24vw |
| 96px | 25.6vw |
| 100px | 26.667vw |
| 120px | 32vw |
| 140px | 37.333vw |
| 160px | 42.667vw |
| px | vw |
|---|---|
| 180px | 48vw |
| 200px | 53.333vw |
| 240px | 64vw |
| 280px | 74.667vw |
| 300px | 80vw |
| 320px | 85.333vw |
| 360px | 96vw |
| 400px | 106.667vw |
| 480px | 128vw |
| 500px | 133.333vw |
| 600px | 160vw |
| 640px | 170.667vw |
| 720px | 192vw |
| 800px | 213.333vw |
| 960px | 256vw |
| 1000px | 266.667vw |
| 1200px | 320vw |
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 375px base
| vw | px |
|---|---|
| 0.1vw | 0.38px |
| 0.25vw | 0.94px |
| 0.5vw | 1.88px |
| 0.75vw | 2.81px |
| 1vw | 3.75px |
| 1.25vw | 4.69px |
| 1.5vw | 5.63px |
| 2vw | 7.5px |
| 2.5vw | 9.38px |
| vw | px |
|---|---|
| 3vw | 11.25px |
| 4vw | 15px |
| 5vw | 18.75px |
| 6vw | 22.5px |
| 7.5vw | 28.13px |
| 8vw | 30px |
| 10vw | 37.5px |
| 12.5vw | 46.88px |
| vw | px |
|---|---|
| 15vw | 56.25px |
| 20vw | 75px |
| 25vw | 93.75px |
| 30vw | 112.5px |
| 40vw | 150px |
| 50vw | 187.5px |
| 75vw | 281.25px |
| 100vw | 375px |
How does it look on other screens?
What the vw values from a 375px design render as, in px, on other viewport widths.
| Design value | vw | 320px screen | 360px screen | 390px screen |
|---|---|---|---|---|
| 12px | 3.2vw | 10.2px | 11.5px | 12.5px |
| 14px | 3.733vw | 11.9px | 13.4px | 14.6px |
| 16px | 4.267vw | 13.7px | 15.4px | 16.6px |
| 20px | 5.333vw | 17.1px | 19.2px | 20.8px |
| 24px | 6.4vw | 20.5px | 23px | 25px |
| 32px | 8.533vw | 27.3px | 30.7px | 33.3px |
| 48px | 12.8vw | 41px | 46.1px | 49.9px |
| 64px | 17.067vw | 54.6px | 61.4px | 66.6px |
Frequently asked questions
How many vw is 16px on a 375px base?
(16 ÷ 375) × 100 = 4.2667vw. Rounded to two decimals that is 4.27vw.
How many px is 1vw on a 375px screen?
On a 375px-wide screen 1vw is 1% of the width, i.e. 3.75px. Conversely, 1px is 0.2667vw.
What happens to a 375px design converted to vw on other screens?
vw scales with the viewport width, so 16px (4.267vw) from a 375px design renders as 13.7px on a 320px screen, 15.4px on a 360px screen, 16.6px on a 390px screen. Use clamp() to set minimum and maximum sizes so values never get too small or too large.