What are EM and Viewport Height?
EM is a relative unit based on the font size of the parent element. Viewport height (VH) is a percentage unit relative to the viewport height, where 1 VH equals 1% of the viewport height.
Usage Instructions
- Set the parent element's font size (default is 16px)
- Input the EM value to convert
- Click the "Convert" button or press Enter to get the result
- Use the "Copy" button to copy the conversion result
px
em
0
vh
Formula: vh = (em × parent element font size) ÷ (viewport height) × 100
Common conversion examples
- 1em = 6.25vh (when the parent element's font size is 16px and the viewport height is 100px)
- 2em = 12.5vh
- 0.5em = 3.125vh
- 1.5em = 9.375vh