Éliminez les ruptures brutales des media queries en adaptant harmonieusement la taille des polices entre mobile et ordinateur.
Définir la plage de taille de police
Saisissez la taille de police minimale (ex. 16px) et maximale (ex. 32px).
Définir les limites de la fenêtre d'affichage
Indiquez la limite inférieure de la fenêtre d'affichage (ex. 375px) et la limite supérieure (ex. 1440px).
Copier le code clamp()
Cliquez sur le bouton de copie pour récupérer votre extrait de code CSS clamp() généré.
Calcule avec précision la pente et l'ordonnée à l'origine en rem et vw pour interpoler linéairement la taille de la police lors du redimensionnement du navigateur.
Génère des instructions CSS propres sur une seule ligne, prêtes à être collées directement dans vos feuilles de style ou votre configuration Tailwind.
Oui, CSS clamp() bénéficie d'une prise en charge universelle sur tous les principaux navigateurs web modernes.
Combiner rem et vw permet de respecter les paramètres d'accessibilité de zoom du texte de l'utilisateur tout en assurant une mise à l'échelle dynamique.