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