Calcolatore CSS clamp()
Dai una dimensione a un viewport piccolo e una a uno grande. Ottieni il clamp() che si muove dolcemente tra i due, in rem, così continua a rispettare il corpo del carattere del browser di chi legge.
La rapida volpe bruna
Scala tipografica
Perché rem e non px
Una dimensione in px ignora il corpo del carattere che il lettore ha scelto nel browser. La stessa dichiarazione in rem ci si adegua, così chi ha impostato 20px come default ottiene testo più grande invece dei tuoi 16 fissi. Il termine del viewport resta comunque in vw: quello riguarda la larghezza dello schermo, non la preferenza di chi legge.
Domande frequenti
Cosa fa il termine centrale?
È una retta che passa per i tuoi due punti: un'intercetta più una pendenza in vw. Sotto il viewport piccolo si blocca al minimo, sopra quello grande al massimo.
Il massimo può essere minore del minimo?
Sì, e clamp() funziona lo stesso — ma il risultato si rimpicciolisce mentre lo schermo cresce, cosa che non si vuole quasi mai. La pagina lo segnala quando accade.
Viene inviato qualcosa ai vostri server?
No. È aritmetica nel tuo browser; niente di ciò che scrivi lascia la pagina.
Realizzato dal team GO AI. Tutti gli strumenti gratuiti