Calculateur de typographie fluide avec CSS clamp
Interpoler une taille de police serrée entre deux largeurs de port de vue et calculer des coefficients de rem-plus-vw équivalents.
VOTRE CALCUL
Résultat
—
Étapes du calcul
Affichez les étapes une par une ou le calcul complet. Les étapes utilisent les valeurs que vous avez saisies.
Méthode de calcul
Fermez l’interpolation de l’affine à sa taille finale et exprimez l’interception à l’aide de la référence de rem entrée.
Slope=(sizeHigh−sizeLow)/(widthHigh−widthLow); preferred px=intercept+slope×viewport px
Exemple détaillé
16 px à 320 px et 24 px à 1280 px donnent 20 px à 800 px.
Hypothèses et précisions sur les données
Nécessite des largeurs de port de vue croissantes et des tailles d’extrémité non décroissantes. Coefficients correspondent à la taille de la racine entrée; changement de taille de la police racine peut changer le comportement du navigateur. Aucun CSS n’est appliqué à cette page.
Utiliser ce calculateur
Puis-je saisir mes propres données ?
Oui. Remplacez les valeurs de l’exemple par vos propres données. Le résultat, les étapes, les tableaux et les diagrammes disponibles se mettent à jour. Une valeur vide ou invalide efface le résultat ; les valeurs de l’exemple ne remplacent jamais les données manquantes.
Les résultats sont-ils exacts ?
Les calculs utilisent des nombres à virgule flottante et les résultats affichés sont arrondis. Consultez la formule, les hypothèses et la précision des données indiquée avant d’interpréter le résultat.
Mes données sont-elles envoyées ?
Le calcul s’effectue dans votre navigateur. Aucun compte, envoi de fichier ou service d’IA externe n’est nécessaire. Les données saisies ne sont pas conservées après le rechargement de la page.
Convertir les tailles de points px, rem, em, pour cent et CSS en utilisant les tailles de police racine et parent entrées séparément.
Générer une échelle de type géométrique délimitée à partir d’une taille de base et d’un rapport avec des valeurs de pixel et de rem.
Saisissez deux points connus et une cible x ou y. Calculer l’autre coordonnée, voir le modèle linéaire et distinguer clairement l’interpolation de l’extrapolation.
Espace publicitaire réservé.