Calculateur de clamp() CSS
Calculez une valeur clamp() CSS pour une taille de texte ou d'espacement fluide, qui varie proportionnellement entre deux largeurs de viewport minimum et maximum.
Comment ça marche
La fonction CSS clamp(min, préféré, max) permet de définir une taille fluide qui varie linéairement en fonction de la largeur de la fenêtre, tout en restant bornée entre un minimum et un maximum — idéal pour un texte responsive sans media queries. L'outil calcule automatiquement la pente et l'ordonnée à l'origine en unités vw et rem.
Pourquoi utiliser clamp() plutôt que des media queries ?
clamp() offre une transition continue et fluide entre les tailles, plutôt que des sauts brusques à des points de rupture fixes, ce qui donne un rendu plus naturel sur toutes les largeurs d'écran intermédiaires.
Pourquoi les valeurs sont-elles exprimées en rem plutôt qu'en px ?
Utiliser rem permet à la taille de rester proportionnelle si l'utilisateur modifie la taille de police par défaut de son navigateur, ce qui améliore l'accessibilité par rapport à des valeurs fixes en pixels.
Traitement 100% local : le calcul s'effectue entièrement dans votre navigateur via WebAssembly, sans aucun envoi de données à un serveur.