Fluid type
Type that scales continuously with the viewport between a floor and a ceiling, instead of stepping at breakpoints.
Near it
What it is made of
| clamp(min, preferred, max) | a floor, a rate of change, and a ceiling | |
| the floor | the size below which the type must not go, whatever the viewport does | |
| measured on our own site | 15 clamp() expressions, all 15 of them distinct. Floors run 0.9rem to 3.0rem, ceilings 1.6rem to 8.0rem, and a ceiling is between 1.5 and 2.67 times its own floor, median 1.83 | measured on ink.css, which is the whole of this site's CSS: one stylesheet, 95 rules, 2 media queries |
| and the middle term is not always vw | 7 in vw, 7 in vh, 1 in cqi | vh scales type to the HEIGHT of the window, which is what a screen meant to be read at arm's length wants and what a scrolling page does not; the one cqi is the single container query on the site |
Breakpoint
Responsive
Modular scale