# vh to em

## A converter that calculates the em from a vh for given em size and viewport height to make the measurement responsive

### Hot Keys

Calculate and copy the result of calculation.

Calculate the result.

Copy the result of calculation.

Reverse the converter to "EM to VH".

Focus the "Viewport Height" input.

Focus the "VH Unit" input.

Focus the "EM Size" input.

### FAQ

#### How to convert VH to EM?

To convert vh to em, you should know total size of 1 EM, default is 16px, and size of viewport height Then, just apply formula: ((vh * viewport total height) / 100) / em size For example, with 16px size of 1em and 1000px of viewport height, 5vh will be converted to: ((5 * 1000) / 100) / 16 = 3.125em

#### What is the VH to EM formula?

((vh * viewport total height) / 100) / em size

#### What is em unit?

EM is defined relative to the font size of the parent element. 1 EM therefore takes on the value which is given to the font-size of the parent element.

#### What is vh unit? (Viewport Height)

Used in responsive design, Viewport Height (VH) is a unit relative to web page display area called viewport. 1vh corresponds to 1% of display. So, to make an element full height, you should use 100vh. You can also use decimal values. Please note that, depending on browsers, decimal precision can change.

### VH to EM Conversion Table if viewport height size is 1080px and em size is 16px

vh | em |
---|---|

1vh | 0.675em |

2vh | 1.35em |

3vh | 2.025em |

4vh | 2.7em |

5vh | 3.375em |

6vh | 4.05em |

7vh | 4.725em |

8vh | 5.4em |

9vh | 6.075em |

10vh | 6.75em |

11vh | 7.425em |

12vh | 8.1em |

13vh | 8.775em |

14vh | 9.45em |

15vh | 10.125em |

16vh | 10.8em |

17vh | 11.475em |

18vh | 12.15em |

19vh | 12.825em |

20vh | 13.5em |

21vh | 14.175em |

22vh | 14.85em |

23vh | 15.525em |

24vh | 16.2em |

25vh | 16.875em |