What is a Viewport Height (vh)?
vh (viewport height) is a CSS unit equal to 1% of the viewport's height. On a 1080px tall screen, 1vh equals 10.8px.
Definition
Symbol
vh
Category
CSS Units
System
CSS
1 {unit} = {value} {otherUnit}
1 Viewport Height = 10.8 Pixel (px)
1 Viewport Height = 0.675 Rem (rem)
1 Viewport Height = 0.675 Em (em)
1 Viewport Height = 8.1 Point (pt)
1 Viewport Height = 0.675 Pica (pc)
Common Uses
- Full-screen sections
- Hero banners
- Vertical centering