Clamp Generator

Créez une typographie fluide avec clamp() : définissez une taille minimale et maximale, et l'outil calcule la valeur idéale en vw pour une mise à l'échelle parfaite.

Paramètres

Aperçu

Texte fluide

Code


            
            
            

Guide d'utilisation

clamp(min, idéal, max) borne une valeur entre deux limites tout en la laissant varier. Pour la typographie fluide, la valeur idéale mélange rem et vw afin de s'adapter à la largeur de l'écran.

  • Évite de multiplier les media queries pour le texte.
  • Garantit une taille lisible sur mobile comme sur grand écran.

FAQ

Comment est calculée la valeur idéale ?

On calcule une pente entre les deux tailles selon les deux largeurs d'écran, exprimée en vw, plus un décalage en rem — c'est ce que fait automatiquement cet outil.

clamp() ne sert qu'au texte ?

Non : clamp() fonctionne pour toute valeur de longueur — padding, largeur, gap, etc.