Generátor CSS clamp()

Vytvořte odpovídající hodnotu CSS, která se pohybuje mezi dvěma šířkami pohledu.

Grafika Bez ukládání dat

Stručný návod

Vyzkoušejte příklad

Zadejte

Minimální hodnota (px)
16
Maximální hodnota (px)
32
Malá šířka pohledu (px)
400
Velká šířka pohledu (px)
1200

Dostanete

clamp(16px, 2vw + 8px, 32px)
Jak funguje a omezuje se

V pixelech zadejte obě šířky i obě hodnoty. Vložte výsledný výraz clamp() jako hodnotu vlastnosti CSS.