VW to VH Converter
Use this free online vw to vh converter tool to convert viewport width units to viewport height units. This conversion enables horizontal viewport sizing to be expressed vertically. The converter requires both viewport width and height for accurate calculations.
To convert vw to vh, multiply the vw value by viewport width and divide by viewport height. Default values are 1920px width and 1080px height (16:9 ratio). This conversion is useful for maintaining aspect ratios and proportional sizing across viewport dimensions.
Conversion Formula
vh = (vw × viewport width) ÷ viewport height
For example, to convert 10vw to vh on a 1920x1080 viewport, calculate (10 × 1920) ÷ 1080 ≈ 17.78vh. This maintains the same pixel height across different viewport orientations.
VW to VH Converter Conversion Table (Viewport Height: 1080px)
| VW | VH |
|---|---|
| 1vw | 1.778vh |
| 2vw | 3.556vh |
| 5vw | 8.889vh |
| 10vw | 17.78vh |
| 15vw | 26.67vh |
| 20vw | 35.56vh |
| 25vw | 44.44vh |
| 30vw | 53.33vh |
| 40vw | 71.11vh |
| 50vw | 88.89vh |
| 60vw | 107vh |
| 70vw | 124vh |
| 75vw | 133vh |
| 80vw | 142vh |
| 90vw | 160vh |
| 100vw | 178vh |
What is VW?
Viewport Width (vw) is a relative CSS unit where 1vw equals 1% of the browser viewport's width. This unit scales automatically as the viewport changes, making it ideal for responsive typography and fluid layouts. VW units are particularly useful for creating designs that adapt seamlessly across different screen sizes without media queries.
What is VH?
Viewport Height (vh) is a relative CSS unit where 1vh equals 1% of the browser viewport's height. Like VW, it responds dynamically to viewport changes, making it perfect for full-height sections and responsive vertical spacing. VH units are commonly used for hero sections, modals, and mobile-first designs that need to adapt to various screen heights.