Notre client a demandé un site Web, mais je ne voulais pas payer pour une version mobile. Nous faisons toujours le travail sur mobile. Lorsque vous avez zoomé, Chrome sur Android (4.0) est en train de mettre en place un tas de texte. Nous avons essayé de définir la propriété -WebKit-TEXT-Taille-Taille: aucune propriété, mais semble être ignorée et que le texte est toujours en cours d'échec.
fonctionne bien sur iOS.
Toute suggestion?
5 Réponses :
Notez que la propriété Actuellement chrome pour les balances Android Texte à l'aide de Police boosting et il n'y a aucun moyen de Désactiver-le.
Si vous voulez un moyen de désactiver la poussée de la police, veuillez fournir votre cas d'utilisation et enregistrer un problème via New.mcrbug.com . -webkit-text-taille-text-taille-text-Taille de texte Vous mentionnez n'est pas standard. En savoir plus à ce sujet sur ici .
La boostage des polices peut être désactivée en fournissant un max-hauteur supérieur à la hauteur actuelle. Le ticket webkit lié suggère max-hauteur: 1000000PX .
J'ai un mauvais site oculaire et j'ai constamment mes pages à 200% de zoom par défaut. Avec Trop de sites utilisez ceci, notamment des commentaires sur Facebook intégrés sur les pages Web. Vous devez cesser d'utiliser et créer une interface qui fonctionnera avec une police de taille. -webkit-text-taille-ajuster: Aucune est si horrible!
-WebKit-Text-Taille-Taille-Ajuster: Aucune , je ne peux rien lire, et mon alternative
Sauf que cela ne fait pas tout zoomer, exactement ce qu'il considère "important", rompre totalement CSS.
vient de découvrir une solution de contournement pour cela. Définissez une hauteur maximale sur un élément parent du texte pour être beaucoup plus grand qu'elle ne l'apparaîtrait jamais. Par exemple,
<footer class="primary">
<p class="intro">
This is some text that is appearing blown up
and ridiculous on Chrome Mobile.
</p>
</footer>
footer.primary {
max-height: 5000em;
}
Cela, ainsi que la réponse acceptée si les deux sont les réponses
mais pourquoi..? Peux-tu expliquer?
C'est incroyable. Ne peut pas uplifier plus. La réponse acceptée ne fonctionne pas pour moi, espérons que cela fait pour les autres
Je peux confirmer que cela fonctionne aussi pour moi. Impressionnant! J'ai ciblé le CSS aux navigateurs Android uniquement au cas où cela provoque des effets indésirables sur d'autres appareils.
Oui, travaille aussi pour moi. Problème ennuyeux et résolu dans un instant. Merci beaucoup!
Remercier Dieu qu'il y a une solution pour cela!
Je pense que certains de SUPPERSS Réglage des contitions sont déclenchées pour ce piratage.
J'ai eu le même problème avec Firefox sur Android.
La solution pour moi était de Ajoutez le style "flotteur: gauche;" à la div contenant le texte du problème.
Vous devrez peut-être régler la largeur de la DIV de la même manière que le parent (en pixels ou 100%) pour vous assurer qu'il n'affecte pas le reste des divs.
Voir Comment empêcher le navigateur mobile de redimensionner le texte
la balise pourrait désactiver zoom
Cela a bien fonctionné pour désactiver le redimensionnement du chrome vissé sur mobile. Merci!