VH to VW Converter
Conversion Guide
1. Calculate viewport aspect ratio (height/width). 2. Multiply the vh value by this ratio. Example: For a 1920x1080 viewport, 50vh * (1080/1920) = 28.13vw.
VH to VW Conversion Table
| VH | VW | Actions |
|---|---|---|
| 10 | 5.625 | |
| 20 | 11.25 | |
| 30 | 16.875 | |
| 40 | 22.5 | |
| 50 | 28.125 | |
| 60 | 33.75 | |
| 70 | 39.375 | |
| 80 | 45 | |
| 90 | 50.625 | |
| 100 | 56.25 |
Frequently Asked Questions
Basics
What is VH?
The viewport height (vh) unit is relative to 1% of the viewport's height. 100vh equals the full viewport height.
How is vh different from %?
vh is always relative to the viewport height, while % is relative to the parent element's height.
When should I use vh?
Use vh for creating full-height layouts, hero sections, or elements that should scale with the viewport height.
What is VW?
The viewport width (vw) unit is relative to 1% of the viewport's width. 100vw equals the full viewport width.
What is the viewport?
The viewport is the visible area of the web page on your device's screen.
When should I use vw?
Use vw for elements that should scale relative to the screen width, like full-width layouts or responsive typography.
Conversion
How to convert VH to VW?
To convert VH to VW, use the following formula:
vh * (viewport height / viewport width)