What is a Viewport Max (vmax)?

vmax is a CSS unit equal to 1% of the viewport's larger dimension (width or height). It is useful for creating elements that scale with the larger viewport side.

Definition

Symbol

vmax

Category

CSS Units

System

CSS

1 {unit} = {value} {otherUnit}

1 Viewport Max = 19.2 Pixel (px)

1 Viewport Max = 1.2 Rem (rem)

1 Viewport Max = 1.2 Em (em)

1 Viewport Max = 14.4 Point (pt)

1 Viewport Max = 1.2 Pica (pc)

Common Uses

  • Background sizing
  • Overlay elements
  • Adaptive scaling

Viewport Max Conversions

Viewport Max → PixelViewport Max → RemViewport Max → EmViewport Max → PointViewport Max → PicaViewport Max → Viewport WidthViewport Max → Viewport HeightViewport Max → Viewport Min

Related Units

What is a Pixel?What is a Rem?What is a Em?What is a Point?What is a Pica?What is a Viewport Width?What is a Viewport Height?What is a Viewport Min?