EM to VH Converter
Use this free online em to vh converter tool to convert parent-relative em units to viewport height units. This conversion enables typography sizing to be expressed as viewport height percentages. The converter requires parent font-size and viewport height for accurate results.
To convert em to vh, multiply the em value by the parent font-size to get pixels, then divide by viewport height and multiply by 100. Default values are 16px parent font-size and 1080px viewport height. This creates vertical spacing that scales with both typography and viewport.
Conversion Formula
vh = (em × parent font-size ÷ viewport height) × 100
For example, to convert 3em to vh with 16px parent font-size and 1080px viewport, calculate (3 × 16 ÷ 1080) × 100 ≈ 4.44vh. This means 3em occupies about 4.44% of a 1080px viewport.
EM to VH Converter Conversion Table (Viewport Height: 1080px, Parent: 16px)
| EM | VH |
|---|---|
| 0.0625em | 0.0926vh |
| 0.25em | 0.3704vh |
| 0.5em | 0.7407vh |
| 0.75em | 1.111vh |
| 1em | 1.481vh |
| 1.25em | 1.852vh |
| 1.5em | 2.222vh |
| 2em | 2.963vh |
| 2.5em | 3.704vh |
| 3em | 4.444vh |
| 4em | 5.926vh |
| 6em | 8.889vh |
| 8em | 11.85vh |
| 10em | 14.81vh |
| 11em | 16.3vh |
| 12em | 17.78vh |
| 13em | 19.26vh |
| 14em | 20.74vh |
| 16em | 23.7vh |
| 20em | 29.63vh |
| 30em | 44.44vh |
| 36em | 53.33vh |
| 48em | 71.11vh |
| 50em | 74.07vh |
| 60em | 88.89vh |
| 62em | 91.85vh |
| 64em | 94.81vh |
| 70em | 104vh |
| 75em | 111vh |
| 80em | 119vh |
| 90em | 133vh |
| 100em | 148vh |
| 120em | 178vh |
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 VH?
Viewport Height (vh) is a relative CSS unit where 1vh equals 1% of the browser viewport's height. Like VW, it responds dynamically to viewport changes, making it perfect for full-height sections and responsive vertical spacing. VH units are commonly used for hero sections, modals, and mobile-first designs that need to adapt to various screen heights.