Generatore di clamp CSS fluido
Genera un valore CSS clamp() che scala in modo fluido una dimensione del font o una spaziatura tra due larghezze del viewport, in px o rem.
- Funziona nel browser
- Nessun caricamento
- Il risultato resta sul tuo dispositivo
Privacy e limitiFunziona nel tuo browser. Nulla viene caricato.
Il contenuto degli input resta in questa scheda; Refentra non lo carica né lo memorizza. I conteggi aggregati facoltativi delle azioni vengono inviati solo con il tuo consenso alla misurazione dell’uso. Svuota l’area di lavoro al termine.
Profilo supportato: Una unità, px o rem; 0≤min≤max, 0<inizio<fine. In rem, anche limiti viewport in rem.
Massimo 200.000 unità UTF-16; i parser possono avere limiti inferiori. Worker: 15 secondi (regex 1,5 secondi).
Controlla i dati e il risultato
- Prepara e scegli l’operazione
Scegli px o rem in modo coerente, le dimensioni minima e massima e le larghezze del viewport in cui l’interpolazione fluida inizia e finisce.
- Verifica un esempio concreto
Prova questo esempio e confronta il risultato indicato: min=16 max=32 start=320 end=1280 unit=px → clamp(16px, calc(10.666667px + 1.666667vw), 32px)
- Controlla prima di riutilizzare l’output
Controlla i due estremi del viewport e le larghezze intermedie; fuori dall’intervallo, clamp mantiene il valore minimo o massimo.
Risposte per questa operazione
Da che cosa dipende rem?
Dalla dimensione del carattere dell’elemento radice. Usa in modo coerente le unità del viewport e delle dimensioni e prova lo zoom, invece di supporre una radice fissa di 16px.
Che cosa controllo se i dati vengono rifiutati?
Servono 0 ≤ minimo ≤ massimo e 0 < viewport iniziale < viewport finale; due estremi del viewport uguali non possono definire una pendenza.
Dove si ferma questo strumento?
Genera dimensioni fluide lineari, non una scala tipografica responsiva completa; a capo, zoom e impostazioni dei caratteri dell’utente vanno comunque provati.