1485 sujets

Web Mobile et responsive web design

Bonjour,

Un des site que je gère doit envoyer des emails vers des iphones.
Le soucis est que l'affichage des messages (en html) n'est pas le même que dans les autres clients mail (mail.app, gmail, outlook), la taille des police n'est pas respectée.

Il y a une astuce connue ? Comment faire ?

Merci d'avance

Edit avant de me faire taper dessus :
Les emails envoyés vers les iPhones sont pour les administrateurs qui ont des iPhones donc inutile que se soit compatible avec le reste des clients mail, la cible est choisie.
De plus je sais que ce n'est pas vraiment le thème de ce forum de faire des choses que pour un navigateur/client mail mais j'ai posé la question avant sur un forum plus spécialisé sans avoir de réponses Smiley decu
Modifié par Shagshag (08 Oct 2009 - 17:22)
Faut lâcher prise et accepter que les personnes puissent aggrandir le texte d'un email si elles ne voient pas bien ou que l'iphone agrandisse les caractères pour avoir une meilleure lecture sur petit écran. Si ton design est assez souple ça ne devrait pas poser de problèmes. Smiley cligne
Shagshag a écrit :
la taille des police n'est pas respectée

Euh... et tu la définis comment? En pixels?

De mémoire, l'iPhone a une résolution de 163 ppi, ce qui est beaucoup (autrement dit: les pixels sont physiquement petits). Mon portable 13" qui affiche du texte plutôt petit (au point que certains sites sont difficiles à lire sans zoom) a une résolution de 112 ppi. Si tu définis une taille de texte en pixel optimisée pour un affichage sur un écran avec une résolution tournant entre 80 et 100 ppi, dès que l'écran a des pixels plus petits que ça tu as un problème de lisibilité.

Une astuce possible serait de garder la taille de texte par défaut, ou de la définir en small ou smaller avec la propriété font-size, et de tester ce que ça donne. Voir aussi avec les tailles de texte en pourcentages.
Bonjour et merci de vos réponses,

En fait le problème est plutôt l'inverse. La police est trop grosse et il n'y a pas de différence entre une taille de 6px et de 12px Smiley decu

il faudra que j'essaye de les définir en % pour voir
6px c'est vraiment petit Smiley eek

AMHA, Safari mobile est peut-être réglé pour ne pas descendre en dessous d'une certaine taille (Vu la taille de l'écran de l'iphone). Smiley cligne Puis de toutes façons c'est mieux de travailler en EM.