Taille de police fluide de 16 px à 24 px
Calculez une véritable valeur CSS clamp() fluide à partir d'une taille minimale et maximale sur deux largeurs de fenêtre, avec la pente et l'intersection affichées étape par étape et un aperçu de redimensionnement en direct.
Résultat
La mise à l'échelle fluide d'une taille de police de 16 px à 24 px est l'une des questions les plus courantes dans les recherches CSS clamp(), car 16 px est la valeur par défaut quasi universelle du corps du texte et 24 px est une augmentation fréquente pour un titre ou un paragraphe principal légèrement plus grand. Cette page ouvre la calculatrice avec exactement cette paire pré-remplie dans une plage de fenêtre de 320 px à 1 280 px, de sorte que la ligne clamp() est prête au moment de son chargement.
Si vous n'avez besoin que de l'équivalent statique rem ou em de 16 px ou 24 px – sans aucune mise à l'échelle basée sur la fenêtre d'affichage – le convertisseur px en rem répond à cela en une seule étape ; cette calculatrice est destinée au cas où la valeur elle-même devrait changer en douceur à mesure que la fenêtre du navigateur se redimensionne plutôt que de rester fixe à une valeur rem.
La répartition ci-dessous montre exactement comment 16 px et 24 px se transforment en pente, en coefficient VW et en intersection de l'axe Y, et le curseur d'aperçu en direct vous permet de faire glisser la plage de 320 à 1 280 px pour voir le texte grandir d'une taille à l'autre en temps réel avant de copier la ligne CSS dans votre feuille de style.