vw to em
A converter that calculates the em from a vw for given em size and viewport width 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 VW".
Focus the "Viewport Width" input.
Focus the "VW Unit" input.
Focus the "EM Size" input.
FAQ
How to convert VW to EM?
To convert vw to em, you should know total size of 1 EM, default is 16px, and size of viewport width Then, just apply formula: ((vw * viewport total width) / 100) / em size For example, with 16px size of 1em and 1920px of viewport width, 5vw will be converted to: ((5 * 1920) / 100) / 16 = 6em
What is the VW to EM formula?
((vw * viewport total width) / 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 vw unit? (Viewport Width)
Used in responsive design, Viewport Width (VW) is a unit relative to web page display area called viewport. 1vw corresponds to 1% of display. So, to make an element full width, you should use 100vw. You can also use decimal values. Please note that, depending on browsers, decimal precision can change.
VW to EM Conversion Table if viewport width size is 1920px and em size is 16px
| vw | em |
|---|---|
| 1vw | 1.2em |
| 2vw | 2.4em |
| 3vw | 3.6em |
| 4vw | 4.8em |
| 5vw | 6em |
| 6vw | 7.2em |
| 7vw | 8.4em |
| 8vw | 9.6em |
| 9vw | 10.8em |
| 10vw | 12em |
| 11vw | 13.2em |
| 12vw | 14.4em |
| 13vw | 15.6em |
| 14vw | 16.8em |
| 15vw | 18em |
| 16vw | 19.2em |
| 17vw | 20.4em |
| 18vw | 21.6em |
| 19vw | 22.8em |
| 20vw | 24em |
| 21vw | 25.2em |
| 22vw | 26.4em |
| 23vw | 27.6em |
| 24vw | 28.8em |
| 25vw | 30em |