VW to VH Converter
Conversion Guide
1. Calculate viewport aspect ratio (width/height). 2. Multiply the vw value by this ratio. Example: For a 1920x1080 viewport, 50vw * (1920/1080) = 88.89vh.
VW to VH Conversion Table
| VW | VH | Actions |
|---|---|---|
| 10 | 17.7778 | |
| 20 | 35.5556 | |
| 30 | 53.3333 | |
| 40 | 71.1111 | |
| 50 | 88.8889 | |
| 60 | 106.6667 | |
| 70 | 124.4444 | |
| 80 | 142.2222 | |
| 90 | 160 | |
| 100 | 177.7778 |
Frequently Asked Questions
Basics
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.
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.
Conversion
How to convert VW to VH?
To convert VW to VH, use the following formula:
vw * (viewport width / viewport height)