Fließkobold

clamp() · Raum-Skala
Viewport: – px

Viewport-Bereich

Unterhalb des Min-Viewports bleibt der Wert beim Minimum, oberhalb des Max-Viewports beim Maximum — dazwischen fließt er stufenlos. Gilt für beide Bereiche unten.

Einzelwert

clamp(...)

Fließender Wert — der schnelle Fuchs

Die Vorschau nutzt den echten clamp()-Wert: Textgröße und Balkenbreite fließen mit, wenn du das Browserfenster ziehst.

Raum-Skala

CSS-Variablen

  

Abstufungen als Vielfache der Basis (t-Shirt-Größen). Jeder Balken zeigt die tatsächliche Breite beim aktuellen Viewport.