Augmenter automatiquement la taille de la police en fonction de la taille de l'écran dans l'application mobile.

Question

Comment augmenter la taille de la police en fonction de la taille de l'écran ?

J'ai du texte qui reste à la même taille sur l'iPhone et l'IPad. Je veux augmenter et/ou diminuer la taille de la police en fonction de la taille de l'écran.

Answer 1

Vous devez le faire en utilisant des requêtes média, par exemple.

@media (max-width: 480px) { 
    body { font-size: 1.2em; } /* increase the base font size on landscape phones */
}

Answer 2

Visitez ce site pour l'étirement automatique des polices : Est-il possible d'adapter dynamiquement la taille du texte en fonction de la largeur du navigateur ?

Answer 3

La question ci-dessus avec la requête média (doyen) est correcte. Vous devez également vous assurer pour l'iPhone que vous avez -webkit-text-size:none - Sinon, l'iphone met les polices à l'échelle, quel que soit le paramètre de la police.

De même, si vous souhaitez capturer des téléphones plus grands, vous devrez peut-être modifier la requête. D'autant plus que les smartphones à écran plus large sont désormais disponibles sur le marché Android.