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

Viewport Height Conversions

Related Units

By the DeveloperAR

MeasureKit AR

Measure the world with AR

Measure distances in real time using your smartphone camera and AR technology. No tape measure needed.

Download on Google Play
MeasureKit AR QR Code

Scan QR code to download the app