90 votes

Chrome sur Android redimensionne la police

Apparemment, une fois que le paragraphe de texte atteint une certaine longueur, chrome sous Android décide de redimensionner le texte et de l’agrandir (ce qui provoque beaucoup de plaisir). Maintenant, j'ai un site Web où environ la moitié des balises-p suivent la taille que j'ai définie et l'autre moitié change à leur guise - apparemment en fonction de la longueur du paragraphe.

Comment puis-je résoudre ce problème?

99voto

moeffju Points 1627

Ajoutez max-height: 999999px; à l’élément sur lequel vous souhaitez empêcher l’amélioration de la police ou à son parent.

61voto

Joe DeRose Points 718

Incluez la balise <meta> dans le document <head> :

<meta name="viewport" content="width=device-width, initial-scale=1">

Ceci établira correctement le cadre de vue et éliminera ainsi le besoin de "FontBoosting".

16voto

Ed Hinchliffe Points 4243

Mettez ceci dans votre réinitialisation. html * {max-height:1000000px;}

6voto

metamagicson Points 72

Après quelques tests, cette règle m'a aidé. Doit être ajouté à l'élément contenant le texte renforcé ou à son parent en fonction de la structure div / table.

 element or parent element { 
    /* prevent font boosting on mobile devices */
    width: 100%;
    height: auto;
    min-height: 1px;
    max-height: 999999px;
}
 

Peut-être que les valeurs de largeur et de hauteur doivent être corrigées en fonction de vos besoins.

1voto

Boris Smus Points 4347

Cela s'appelle "booster de police" et est décrit en détail dans ce bogue WebKit . Il n'y a actuellement aucun moyen de le désactiver.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X