EM to VH Converter

Convert EM units to Viewport Height (VH).

2.96vh
Common Heights:

About EM to VH Converter

The EM to VH converter enables developers to translate font-relative EM units into viewport height (VH) units for vertical responsive design. This conversion is particularly useful for full-height sections, vertical spacing systems, and elements that need to scale with screen height rather than width.

Formula

VH = ((EM × Base Font Size) ÷ Viewport Height) × 100

Examples

2em (16px base, 1080px view) = 2.96vh
1.5em (16px base, 844px view) = 2.84vh
3em (20px base, 667px view) = 8.99vh

Reference

  • • 1vh = 1% of viewport height
  • • Useful for hero sections & liquid layouts
  • • Context dependent on viewport height
  • • Consider dvh/svh for mobile browsers

Frequency Asked Questions

What is VH?

Viewport Height. 1vh is 1% of viewport height.

When to use VH?

Vertical spacing, full-screen sections.

Orientation effect?

Rotating device changes viewport height significantly.

Mobile address bar?

Use dvh/svh to handle mobile UI chrome.