Calcolatore CSS clamp

Crea una regola CSS per dimensioni fluide.

Sul tuo dispositivo · Senza account

Calcolatore CSS clamp elabora i dati inseriti in questo browser. Dati inseriti e risultati sono esclusi dalle analisi statistiche. Gli strumenti recenti memorizzano i nomi degli strumenti, il numero di visite e la data e l'ora dell'ultima visita. Gli strumenti salvati memorizzano solo i nomi. Il salvataggio delle bozze è facoltativo e avviene su questo dispositivo; elimina il testo salvato con i comandi della bozza. Caricare testo da un URL è facoltativo e contatta il relativo server, che può vedere l'URL e il tuo indirizzo IP. L'azione facoltativa “Usa in” conserva in questa scheda i dati da passare allo strumento successivo. Lo strumento successivo li rimuove all'apertura e li ignora se è trascorso più di un minuto.

“Copia link” include nell'indirizzo i dati che scegli di condividere. Chiunque abbia il link può riaprirli. File e risultati generati sono esclusi. Gli strumenti per password e chiavi condividono solo le impostazioni.

Italiano

Dati da elaborare

Opzioni e file locale

Dimensione massima (px)

Larghezza minima del viewport (px)

Larghezza massima del viewport (px)

Apri un file di testo da questo dispositivo

Le impostazioni facoltative valgono solo per questa scheda.

Risultato

Altro

Scorciatoie da tastiera

Link e ripristino

I link includono i dati inseriti e le impostazioni. Chiunque abbia il link può vederli, quindi non inserire testi privati. I file e i risultati generati sono esclusi; le estrazioni casuali vengono ripetute.

Il ripristino ricarica lo strumento con i valori iniziali e rilascia i file aperti e il controllo dei dispositivi. Le bozze salvate restano su questo dispositivo finché non le elimini.

Come funziona il calcolatore CSS clamp

Crea un'espressione clamp() da due coppie di valori di dimensione e viewport. Il termine centrale segue una retta; minimo e massimo limitano il risultato al di fuori dell'intervallo scelto.

Successivo: Convertitore da px a rem

Successivo: Calcolatore di specificità CSS

Esempio

16px con un viewport di 400px e 32px con uno di 1200px producono clamp(16px, 8px + 2vw, 32px). Con un viewport di 800px, il risultato è 24px.

Prima di usare il risultato

Genera una regola in pixel arrotondata a sei cifre decimali. Verifica il ridimensionamento del testo e il layout con lo zoom; questo calcolo non garantisce l'accessibilità né l'idoneità per ogni carattere tipografico.

Aggiornato 7 ottobre 2026

Cita questa pagina

Stile di citazione

ToolOctopus. “Calcolatore CSS clamp.” Aggiornato 7 ottobre 2026. https://tooloctopus.com/it/calcolatore-css-clamp.

Aggiungi la data di consultazione se le istruzioni che segui la richiedono.

Le citazioni sono formattate con citeproc-js di Frank Bennett e gli stili Citation Style Language. Licenza e codice sorgente.