What is a Viewport Min (vmin)?
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
Category
CSS Units
System
CSS
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