Generator för CSS clamp()

Generera ett responsivt CSS-värde som skalar mellan två visningsbredder.

Grafik Ingen datalagring

Snabbguide

Prova ett exempel

Du matar in

Minimivärde (px)
16
Maximalt värde (px)
32
Små visningsbredd (px)
400
Stor utsiktsport bredd (px)
1200

Du får

clamp(16px, 2vw + 8px, 32px)
Så fungerar det och vilka gränser som gäller

Ange båda breddar och båda värdena i pixlar. Klistra på det resulterande klämman()-uttrycket som ett CSS-egendomsvärde.