What is a Viewport Min (vmin)?

Q: Common Uses - Viewport Min

Responsive text sizing, Adaptive layouts, Square-ratio elements

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

Definition

Symbol

vmin

1 {unit} = {value} {otherUnit}

1 Viewport Min = 10.8 Pixel (px)

1 Viewport Min = 0.675 Rem (rem)

1 Viewport Min = 0.675 Em (em)

1 Viewport Min = 8.1 Point (pt)

1 Viewport Min = 0.675 Pica (pc)

Common Uses

Responsive text sizing
Adaptive layouts
Square-ratio elements

Viewport Min Conversions

Viewport Min → Pixel Viewport Min → Rem Viewport Min → Em Viewport Min → Point Viewport Min → Pica Viewport Min → Viewport Width Viewport Min → Viewport Height Viewport Min → Viewport Max

What is a Viewport Min (vmin)?

Definition

1 {unit} = {value} {otherUnit}

Common Uses

Viewport Min Conversions

Related Units

MeasureKit AR