Soucis de police sur iPhone/iPad

Des livres incontournables pour tout maîtriser

Auteur
Octocat	# 30 Dec 2011, 12:22:26
1 Posts	Bonjour à tous, Je réalise un petit site compatible smartphone, j'ai donc développé mon css avec des pourcentages histoires de bien s'adapter. Sur iPhone et iPad, l'interface est cool, les images s'étirent en fonction, ça rend plutôt pas mal... Mais j'ai un soucis de police. En effet ma police est de 1.5em, sur iPad ça rend bien, mais sur iPhone du coup ça saute des lignes (texte trop gros). J'ai tenté le css conditionnel, ça ne fonctionne pas (j'ai fais plusieurs tests, j'arrive à changer la couleur tout ça mais jamais la taille du texte). J'ai également utilisé le -webkit-text-size-adjust: none; et ça ne fonctionne pas non plus. Je suis un peu perdu là... En plus ça doit être tout bête, je veux juste réduire la police sur iPhone... En vous remerciant par avance.
1 Posts
Victor BRITO	# 30 Dec 2011, 13:51:56
Je ne suis pas mort, je dors 2385 Posts	Salut, En guise de valeur de la propriété -webkit-text-size-adjust, utilise un pourcentage (généralement 70 ou 75 %). Et pour l'ajuster à l'iPhone en mode paysage (c'est surtout en mode paysage que l'impression d'agrandissement de la police est la plus flagrante), utilise une media query avec les paramètres orientation: landscape et max-device-width: 640px (cf. cette astuce, vers la fin). En campagne contre la balkanisation du Web, pour rappeler qu'il existe un seul Web Mon avatar : l'ancien département de la Seine (le grand 75 d'avant 1968)
Je ne suis pas mort, je dors 2385 Posts
Prévenir un modérateur