Une valeur fluide est une droite seulement entre deux largeurs choisies. Avant, elle reste à la limite basse ; après, à la limite haute. CSS clamp() exprime ces trois zones si l’expression préférée contient la bonne pente et la bonne ordonnée.
Calculez la pente exacte
Notons V1,S1 le petit point et V2,S2 le grand. La pente vaut (S2 − S1) / (V2 − V1). Pour 320px → 16px et 1200px → 32px, elle vaut exactement 16/880, soit 1/55. Garder une fraction évite les dérives binaires avant le formatage CSS.
Trouvez l’ordonnée à largeur nulle
L’ordonnée px vaut S1 − pente × V1. Ce n’est pas une recommandation à largeur nulle, seulement la constante permettant de passer par les deux points. Dans l’exemple : 560/55px, environ 10.181818px, soit 0.636364rem avec une racine de 16px.
Convertissez la pente en coefficient vw
Un vw vaut un pour cent de la largeur : la pente est donc multipliée par 100. Le coefficient vaut 100/55, environ 1.818182vw. Avec ordonnée et limites : clamp(1rem, 0.636364rem + 1.818182vw, 2rem). Le texte décimal approxime la droite rationnelle, d’où la vérification des limites.