ConverterHub

CSS clamp()-generator

Bygg en flytende clamp()-verdi som skalerer skriftstørrelsen jevnt mellom to visningsbredder.

Slik bruker du den

  1. Skriv inn de nødvendige verdiene i feltene.
  2. Klikk på «Beregn» for å se resultatet.
  3. Kopier eller del resultatet med «Del»-knappen.

Om denne kalkulatoren

Dette verktøyet genererer en responsiv CSS-funksjon med clamp() for flytende typografi — clamp(min, foretrukket, maks) — der den foretrukne verdien er et beregnet vw-basert uttrykk som skalerer skriftstørrelsen jevnt mellom en minimums- og maksimumsbredde på visningsområdet, slik at den stopper å vokse eller krympe utenfor grensene du har valgt.

Frontend-utviklere bruker det til å slippe å skrive flere media-query-brytningspunkter bare for å endre størrelsen på titler og brødtekst, og får i stedet én CSS-regel som skalerer flytende. Skriv inn minimums- og maksimumsskriftstørrelsen og visningsområde-intervallet for å få en klar-til-lim-inn clamp()-regel.

Was this helpful?

Du kan velge opptil 3 reaksjoner.

Comments (0)

  • Be the first to comment.

Populære kalkulatorer

Lånkalkulator

Månedlig betaling, totale renter og fullstendig nedbetalingsplan.

Prosentkalkulator

Prosentvis endring, prosent av og forholdsberegninger.

Rabattkalkulator

Beregn sluttpris, besparelse og rabattbeløp.

BMI-kalkulator

Kroppsmasseindeks fra høyde og vekt (metrisk eller imperial).

Alderskalkulator

Beregn din nøyaktige alder i år, måneder og dager fra en fødselsdato.

Rentes rente-kalkulator

Beregn sluttbeløp og opptjent rente med rentes rente.

Alle kalkulatorer