VW to EM Converter
Use this free online vw to em converter tool to convert viewport width units to parent-relative em units. This conversion enables viewport-based sizing to be expressed as parent-relative units. The converter uses viewport width and parent font-size for calculations.
To convert vw to em, multiply the vw value by viewport width and divide by 100 to get pixels, then divide by the parent font-size. Default values are 1920px viewport width and 16px parent font-size. This creates sizing that relates viewport dimensions to parent typography.
Conversion Formula
em = (vw × viewport width ÷ 100) ÷ parent font-size
For example, to convert 10vw to em on a 1920px viewport with 16px parent font-size, calculate (10 × 1920 ÷ 100) ÷ 16 = 12em. This means 10vw equals 12em at this viewport size.
VW to EM Converter Conversion Table (Viewport Width: 1920px, Parent: 16px)
| VW | EM |
|---|---|
| 1vw | 1.2em |
| 2vw | 2.4em |
| 5vw | 6em |
| 10vw | 12em |
| 15vw | 18em |
| 20vw | 24em |
| 25vw | 30em |
| 30vw | 36em |
| 40vw | 48em |
| 50vw | 60em |
| 60vw | 72em |
| 70vw | 84em |
| 75vw | 90em |
| 80vw | 96em |
| 90vw | 108em |
| 100vw | 120em |
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.
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.