Generator CSS clamp()

Generează o valoare CSS reactivă care se balansează între două lățimi ale spectatorului.

Grafică Fără stocarea datelor

Ghid rapid

Încearcă un exemplu

Introdu

Valoarea minimă (px)
16
Valoarea maximă (px)
32
Lăţime mică a punctului de vedere (px)
400
Lăţimea mare a punctului de vedere (px)
1200

Obții

clamp(16px, 2vw + 8px, 32px)
Cum funcţionează şi limite

Introduceți ambele lățimi și ambele valori în pixeli. Lipește expresia clemă rezultată () ca valoare a proprietății CSS.