Certaines polices-taille ' s rendus plus sur Safari (iPhone)

Question

Existe-t-il des CSS ou autres raisons pourquoi Safari/iPhone serait ignorer certains paramètres de taille de la police ? Sur mon site Web particulier Safari sur l’iPhone rend certaines polices-taille : 13px texte plu de police-taille : 15px texte. Il peut-être pas prend-il en charge-la taille de police sur certains éléments ?

Answer 1

Réponse de Joe a certaines bonnes pratiques meilleures dedans, mais je pense que le problème que vous décrivez s’articule autour du fait que Safari Mobile ajuste automatiquement texte s’il pense que le texte rendra trop petit. Vous pouvez contourner cette avec la propriété CSS `` . Voici un exemple de la façon de l’appliquer à votre corps, juste pour l’iPhone :

Answer 2

L'utilisation de 100% au lieu de Aucun.

normaliser.css comprend cette

Answer 3

En outre, assurez-vous que vous définissez le paramètre de zoom initial de 1 dans votre balise meta de fenêtre d’affichage :

Answer 4

Je n'utilise pas les définitions de pixel de plus comme ils sont vraiment à confusion et ne sont pas exactement les mêmes dans les services audiovisuels.

Répondre aux Unités

1. "Ems" (em): "em" est une solution évolutive de l'unité qui est utilisée dans les documents du web médias. Un em est égal au courant de taille de police, par exemple, si la taille de police du document est 12pt, cadratin (1 em est égal à 12pt. Ems sont évolutives dans la nature, donc 2em serait égal à 24pt, .5em serait égal à 6 pts, etc. Ems sont en train de devenir de plus en plus populaire dans les documents web en raison de l'évolutivité et de leurs périphériques mobiles respectueux de la nature.
2. Pixels (px): les Pixels sont de taille fixe unités qui sont utilisées dans l'écran des médias (c'est à dire à la lecture sur l'écran de l'ordinateur). Un pixel est égal à un point sur l'écran de l'ordinateur (la plus petite division de votre la résolution de l'écran). De nombreux concepteurs de sites web utilisent unités de pixels dans des documents sur le web dans le but de produire un pixel-représentation parfaite de leur site tel qu'il est rendu dans le navigateur. Un problème avec l'unité de pixel, c'est qu'il n'a pas l'échelle vers le haut pour les déficients visuels lecteurs ou à la baisse pour s'adapter à des appareils mobiles.
3. Points (pt): les Points sont traditionnellement utilisés dans la presse écrite (tout ce qui est imprimé sur du papier, etc.). Un point est égal à 1 / 72ème de pouce. Les Points sont un peu comme les pixels, en ce qu'ils sont de taille fixe des unités et ne peuvent échelle dans la taille.
4. Pour cent ( % ): % unité est beaucoup comme l'unité "em", à l'exception de quelques différences fondamentales. D'abord et avant tout, la police de la taille est égale à 100% (c'est à dire 12pt = 100%). Tout en utilisant le pourcentage de l'unité, le texte reste entièrement modulable pour les appareils mobiles et de l'accessibilité.

Answer 5

J'ai eu le même problème, il s'avère à l'origine, CSS, il y a cette ligne:

-webkit-texte-taille-adapter: 120%;

J'ai dû changer à 100%, et tout était lisse. Pas besoin de changer tous les px de em ou %%.