CSS-clamp() genereren

Genereer een responsieve CSS-waarde die schalen tussen twee viewport breedtes.

Grafisch Zonder gegevensopslag

Korte handleiding

Probeer een voorbeeld

Je voert in

Minimumwaarde (px)
16
Maximumwaarde (px)
32
Kleine breedte viewport (px)
400
Grote breedte van viewport (px)
1200

Je krijgt

clamp(16px, 2vw + 8px, 32px)
Werking en limieten

Voer beide breedtes en beide waarden in pixels in. Plak de resulterende klem() expressie als een CSS eigenschap waarde.