What is a Viewport Max (vmax)?

Q: Common Uses - Viewport Max

Background sizing, Overlay elements, Adaptive scaling

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

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 → Pixel Viewport Max → Rem Viewport Max → Em Viewport Max → Point Viewport Max → Pica Viewport Max → Viewport Width Viewport Max → Viewport Height Viewport Max → Viewport Min

What is a Viewport Max (vmax)?

Definition

1 {unit} = {value} {otherUnit}

Common Uses

Viewport Max Conversions

Related Units

MeasureKit AR