Taille de police fluide de 16px à 24px
Calculez une véritable valeur CSS clamp() fluide à partir d'une taille min et d'une taille max sur deux largeurs de viewport, avec la pente et l'intersection détaillées pas à pas et un aperçu de redimensionnement en direct.
Entièrement traité dans votre navigateur — rien de ce que vous saisissez ici n'est jamais téléchargé.
Résultat
À propos de cet outil
Faire évoluer une taille de police de manière fluide de 16px à 24px est l'une des questions les plus fréquentes dans les recherches sur CSS clamp(), car 16px est la valeur par défaut quasi universelle pour le corps de texte et 24px est un échelonnement courant pour un titre légèrement plus gros ou un paragraphe d'accroche. Cette page ouvre le calculateur avec exactement ce couple prérempli sur une plage de viewport de 320px à 1280px, de sorte que la ligne clamp() soit prête dès le chargement.
Si vous avez seulement besoin de l'équivalent statique en rem ou en em de 16px ou 24px — sans mise à l'échelle basée sur le viewport — le convertisseur px vers rem répond à cela en une étape ; ce calculateur est destiné au cas où la valeur elle-même doit évoluer progressivement au redimensionnement de la fenêtre du navigateur plutôt que de rester fixe à une seule valeur en rem.
Le détail ci-dessous montre exactement comment 16px et 24px se transforment en une pente, un coefficient vw et une intersection avec l'axe des ordonnées, et le curseur d'aperçu en direct vous permet de faire glisser la largeur sur la plage 320–1280px pour voir le texte croître d'une taille à l'autre en temps réel avant de copier la ligne CSS dans votre feuille de styles.