VH to VW Converter
Use this free online vh to vw converter tool to convert viewport height units to viewport width units. This conversion enables vertical viewport sizing to be expressed horizontally. The converter requires both viewport height and width for accurate calculations.
To convert vh to vw, multiply the vh value by viewport height and divide by viewport width. Default values are 1080px height and 1920px width (16:9 ratio). This conversion is useful for maintaining aspect ratios and proportional sizing across viewport dimensions.
Conversion Formula
vw = (vh × viewport height) ÷ viewport width
For example, to convert 10vh to vw on a 1920x1080 viewport, calculate (10 × 1080) ÷ 1920 ≈ 5.63vw. This maintains the same pixel width across different viewport orientations.
VH to VW Converter Conversion Table (Viewport Height: 1080px)
| VH | VW |
|---|---|
| 1vh | 0.5625vw |
| 2vh | 1.125vw |
| 5vh | 2.813vw |
| 10vh | 5.625vw |
| 15vh | 8.438vw |
| 20vh | 11.25vw |
| 25vh | 14.06vw |
| 30vh | 16.88vw |
| 40vh | 22.5vw |
| 50vh | 28.13vw |
| 60vh | 33.75vw |
| 70vh | 39.38vw |
| 75vh | 42.19vw |
| 80vh | 45vw |
| 90vh | 50.63vw |
| 100vh | 56.25vw |
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.
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.