ClampCalc
Créer clamp

Un font-size sans saut

Générez une déclaration font-size responsive

Transformez les tailles mobile et bureau en une déclaration linéaire bornée et vérifiez pente et écarts aux limites.

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é.