web-dev-qa-db-fra.com

Que fait -webkit-text-size-adjust?

J'essaie de comprendre l'utilisation de -webkit-text-size-adjust:none;.

Ajouter/supprimer qui n'affecte pas la taille de ma police sur Android (chrome) ou iOS (safari et chrome). Alors à quoi ça sert?

18
user1437328
-webkit-text-size-adjust

Il spécifie que si vous (l'auteur) souhaitez redimensionner le texte lorsque la page du navigateur est agrandie. La plupart du temps, il vaut mieux le régler sur auto ou 100% car le navigateur Web se chargera de la manière de redimensionner le texte.

Remarque: la page des développeurs de Mozilla indique que c'est un non standard

Cette article vous aidera davantage.

Remarque intéressante: les développeurs utilisant Twitter Bootstrap peuvent être intéressés de savoir que Bootstrap utilise ‑webkit‑text‑size‑adjust: 100% prêt à l'emploi: Lien source

Modifier

Chrome sur Android utilisent renforcement des polices , donc -webkit-text-size-adjust est ignoré quelle que soit la valeur que vous définissez. Vous pouvez désactiver l'augmentation de la police en définissant max-height à quelque chose de grand (100000px ou plus) voir ceci bug .

9

Le -webkit-text-size-adjust est un technologie expérimentale spécifie un ajustement de taille pour l'affichage du contenu texte dans Safari sur iPhone. Il faut 3 types de valeur:

  • aucun: la taille du texte n'est pas ajustée.

  • auto (par défaut): la taille du texte est automatiquement ajustée pour Safari sur iPhone.

  • La taille en pourcentage à laquelle afficher le texte dans Safari sur iPhone.

Seuls certains navigateurs mobiles prennent en charge cette propriété CSS à côté d'iOS. Vous pouvez vérifier la compatibilité ici

3
Eli

Il ne semble pas y avoir de spécification publiée de -webkit-text-size-adjust, mais il y a par exemple un informel description , qui dit que cela fonctionne dans Safari sur iPhone.

Selon niveau du module d'ajustement de la taille du texte mobile CSS (brouillon de l'éditeur), auto est la valeur initiale, donc -webkit-text-size-adjust:none n'aurait d'effet que s'il remplace un paramètre qui définit la propriété sur une valeur différente. Vraisemblablement -webkit-text-size-adjust fonctionne principalement de la même manière que le projeté text-size-adjust propriété.

1
Jukka K. Korpela