Popular Conversions
On a 1080 px tall screen: 1vh = 10.8px, 50vh = 540px, 85vh = 918px and 100vh = 1080px. On an 844 px tall phone, 100vh = 844 px. The converter above starts with your own window height.
Convert viewport-height units to pixels. 1vh = 1% of the viewport height: 10.8 px on a 1080 px tall screen.
On a 1080 px tall screen: 1vh = 10.8px, 50vh = 540px, 85vh = 918px and 100vh = 1080px. On an 844 px tall phone, 100vh = 844 px. The converter above starts with your own window height.
Pixels for common vh values at four typical viewport heights.
| VH | Small phone (667px) | Phone (844px) | Laptop (768px) | Desktop (1080px) |
|---|---|---|---|---|
| 1vh | 6.67px | 8.44px | 7.68px | 10.8px |
| 2vh | 13.34px | 16.88px | 15.36px | 21.6px |
| 5vh | 33.35px | 42.2px | 38.4px | 54px |
| 10vh | 66.7px | 84.4px | 76.8px | 108px |
| 15vh | 100.05px | 126.6px | 115.2px | 162px |
| 20vh | 133.4px | 168.8px | 153.6px | 216px |
| 25vh | 166.75px | 211px | 192px | 270px |
| 30vh | 200.1px | 253.2px | 230.4px | 324px |
| 33.33vh | 222.31px | 281.31px | 255.97px | 359.96px |
| 40vh | 266.8px | 337.6px | 307.2px | 432px |
| 50vh | 333.5px | 422px | 384px | 540px |
| 60vh | 400.2px | 506.4px | 460.8px | 648px |
| 70vh | 466.9px | 590.8px | 537.6px | 756px |
| 75vh | 500.25px | 633px | 576px | 810px |
| 80vh | 533.6px | 675.2px | 614.4px | 864px |
| 85vh | 566.95px | 717.4px | 652.8px | 918px |
| 90vh | 600.3px | 759.6px | 691.2px | 972px |
| 100vh | 667px | 844px | 768px | 1080px |
Heights in CSS pixels. The visible viewport is a little smaller, because browser toolbars and the system taskbar take part of the screen.
| Device | Screen height | 1vh | 100vh (at most) |
|---|---|---|---|
| iPhone SE | 667px | 6.67px | 667px |
| iPhone 14 / 15 | 844px | 8.44px | 844px |
| Laptop (1366 × 768) | 768px | 7.68px | 768px |
| Full HD monitor | 1080px | 10.8px | 1080px |
px = vh × viewport height ÷ 100
Example: 85vh on a 1080 px tall window is 85 × 1080 ÷ 100 = 918 px. On phones, prefer dvh for full-height sections — see PX to VH for why.
1vh is 1% of the viewport height: 10.8 px on a 1080 px tall window and 8.44 px on an 844 px tall phone.
100vh is the full height of the browser window. On a 1080 px tall window it is 1080 px.
85vh = 918 px on a 1080 px tall window and 717.4 px on an 844 px tall phone.
Mobile browsers measure vh with their toolbars hidden. Use 100dvh so the section fits the visible area.
No. All conversions happen entirely in your browser. The values you enter are never sent to our server or saved.