ClampCalc
Créer clamp

Typographie fluide entre limites

Créez un jeton de typographie fluide

Saisissez la taille de police aux petites et grandes largeurs. Prévisualisez la formule sérialisée entre les deux.

Calcul CSS local

Limites de largeur et de valeur

Les valeurs restent sur cet appareil
Largeurs d’écran
px
px
Valeurs souhaitées à ces largeurs
px
px
px
Unités de sortie

Échelles linéaires croissantes uniquement. Utilisez le jeton après vérification du contenu, du zoom, de la racine et de la mise en page.

Preuve du CSS arrondi

Clamp généré

rem · 6
Valeur clampclamp(1rem, 0.909091rem + 0.454545vw, 1.25rem)
Déclaration font-sizefont-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);
Propriété personnalisée--fluid-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);

Aperçu des coefficients copiés

17.999998px

Le design fluide doit rester lisible à chaque largeur.

Données de la formule

Pente exacte
0.0045454545 px/px
Ordonnée exacte
14.54545455px
CSS à la petite limite
16px · Δ 0px
CSS à la grande limite
19.999996px · Δ -0.000004px

Les écarts comparent vos px à la formule arrondie. ClampCalc ne choisit pas les valeurs appropriées et ne prouve pas l’accessibilité.