L’exemple relie une taille de texte sur petit écran à une autre sur grand écran. Il démontre le contrat, pas une règle universelle. Métriques, longueur de ligne, langue, zoom et besoins déterminent le résultat.
Saisissez quatre limites et une racine de 16px
Utilisez 320 et 1200 pour les largeurs, 16 et 20 pour les tailles, rem + vw, une racine de 16px et six décimales. La pente exacte vaut 4/880, soit 1/220 px par px, et l’ordonnée 160/11px.
Copiez le font-size généré
Le résultat est clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem). Sous 320px, la limite basse gagne ; entre 320 et 1200, l’expression arrondie croît ; au-dessus, la limite haute gagne. Les données montrent le faible écart des six décimales.
Vérifiez la lecture dans le composant réel
Appliquez la déclaration au vrai texte et testez contenus longs et courts, langues, zoom et largeurs intermédiaires. Vérifiez séparément line-height et mesure. Passer par les limites numériques ne prouve ni leur qualité ni la conformité.