Générateur de pince de taille de police fluide ()
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
Cette page ouvre la calculatrice avec une configuration de taille de police fluide à usage général déjà renseignée : 16 px dans une fenêtre de 320 px jusqu'à 24 px dans une fenêtre de 1 280 px. Il s'agit d'une plage de corps confortable à légèrement plus grande qui s'adapte en douceur d'un écran de téléphone typique à une fenêtre de bureau typique, et c'est la configuration que la plupart des gens veulent dire lorsqu'ils recherchent une pince de taille de police fluide () en premier lieu.
Les quatre nombres sont modifiables : augmentez la taille maximale d'un titre plutôt que du corps du texte, ou réduisez la plage de la fenêtre d'affichage si la conception doit uniquement s'adapter entre une tablette et un point d'arrêt de bureau. Quoi que vous saisissiez, la pente et l'intersection de l'axe y sont recalculées de la même manière et affichées sous forme arithmétique explicite, non masquées à l'intérieur de la ligne finale.
Sous les quatre entrées, un curseur de largeur de fenêtre pilote un aperçu en direct afin que la mise à l'échelle soit visible immédiatement et que la ligne clamp() prête à être copiée soit à un clic. La commutation de l'unité de sortie entre rem et px recalcule chaque nombre sans toucher aux valeurs de taille min et max elles-mêmes.