EM to VW Converter
Use this free online em to vw converter tool to convert parent-relative em units to viewport width units. This conversion enables parent-relative typography to be expressed as viewport percentages. The converter uses parent font-size and viewport width for calculations.
To convert em to vw, multiply the em value by the parent font-size to get pixels, then divide by viewport width and multiply by 100. Default values are 16px parent font-size and 1920px viewport width. This creates responsive sizing that scales with both parent font and viewport.
Conversion Formula
vw = (em × parent font-size ÷ viewport width) × 100
For example, to convert 3em to vw with 16px parent font-size and 1920px viewport, calculate (3 × 16 ÷ 1920) × 100 = 2.5vw. This means 3em occupies 2.5% of a 1920px viewport.
EM to VW Converter Conversion Table (Viewport Width: 1920px, Parent: 16px)
| EM | VW |
|---|---|
| 0.0625em | 0.0521vw |
| 0.25em | 0.2083vw |
| 0.5em | 0.4167vw |
| 0.75em | 0.625vw |
| 1em | 0.8333vw |
| 1.25em | 1.042vw |
| 1.5em | 1.25vw |
| 2em | 1.667vw |
| 2.5em | 2.083vw |
| 3em | 2.5vw |
| 4em | 3.333vw |
| 6em | 5vw |
| 8em | 6.667vw |
| 10em | 8.333vw |
| 11em | 9.167vw |
| 12em | 10vw |
| 13em | 10.83vw |
| 14em | 11.67vw |
| 16em | 13.33vw |
| 20em | 16.67vw |
| 30em | 25vw |
| 36em | 30vw |
| 48em | 40vw |
| 50em | 41.67vw |
| 60em | 50vw |
| 62em | 51.67vw |
| 64em | 53.33vw |
| 70em | 58.33vw |
| 75em | 62.5vw |
| 80em | 66.67vw |
| 90em | 75vw |
| 100em | 83.33vw |
| 120em | 100vw |
What is EM?
EM is a relative CSS unit that scales based on the parent element's font size, making it highly context-dependent. By default, 1em equals the parent element's font-size value, creating a cascading effect through nested elements. While EM offers flexibility for component-level scaling, its cascading nature can make it unpredictable compared to REM in complex layouts.
What is VW?
Viewport Width (vw) is a relative CSS unit where 1vw equals 1% of the browser viewport's width. This unit scales automatically as the viewport changes, making it ideal for responsive typography and fluid layouts. VW units are particularly useful for creating designs that adapt seamlessly across different screen sizes without media queries.