ConverterHub

Generatore CSS Clamp

Crea un valore clamp() fluido che scala la dimensione del font in modo uniforme tra due larghezze di viewport.

Come si usa

  1. Inserisci i tuoi valori nei campi qui sopra.
  2. Premi Calcola per vedere subito il tuo risultato.
  3. Usa il pulsante Condividi per copiare un link al tuo risultato.

Informazioni su questo calcolatore

Questo strumento genera una funzione CSS clamp() responsive per una tipografia fluida — clamp(minimo, preferito, massimo) — dove il valore preferito è un'espressione calcolata basata su vw che scala la dimensione del tuo font in modo fluido tra una larghezza minima e massima della viewport, così che smetta di crescere o rimpicciolirsi oltre i limiti che hai scelto.

Gli sviluppatori front-end lo usano per evitare di scrivere più breakpoint con media query solo per ridimensionare titoli e testo del corpo, ottenendo invece un'unica regola CSS che si adatta in modo fluido. Inserisci le tue dimensioni minima e massima del font e l'intervallo di viewport per ottenere una regola clamp() pronta da incollare.

Was this helpful?

Puoi scegliere fino a 3 reazioni.

Comments (0)

  • Be the first to comment.

Calcolatori popolari

Calcolatore prestito

Rata mensile, interessi totali e piano di ammortamento completo.

Calcolatore di percentuali

Variazione percentuale, percentuale di, e calcoli di rapporto.

Calcolatore di sconto

Calcola il prezzo finale, il risparmio e l'importo dello sconto.

Calcolatore BMI

Indice di massa corporea da altezza e peso (metrico o imperiale).

Calcolatore di età

Calcola la tua età esatta in anni, mesi e giorni dalla data di nascita.

Calcolatore di interesse composto

Calcola l’importo finale e gli interessi maturati con la capitalizzazione.

Tutti i calcolatori