Bonjour,

J'envoi un Email en html 5 et j'ai un problème d'affichage sur iPhone (4, 5, 6).

Si mes images sont en 350 pixels ou moins, tout se passe bien.
Dès que je passe les images à 400 pixels ou plus, le texte est mangé par l'image.

Mon code vérifié est le suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><span style="" >Nouveau</span></title>
<meta name="viewport" content="width=device-width">
<style>
body
{
background-color:#FFFFFF; /* blanc par défaut */
color: #000000; /* noir par défaut */ 
border: 0px solid black; /* opx par défaut */
padding:10px;
}
</style>
</head>
<body style="margin:auto;max-width:600px;">
<p style="text-align:center;"><img src="http://www.goallcomm.com/wp-content/uploads/2014/07/DesktopPC1-300x225.jpg" alt="DesktopPC1-300x225.jpg" width="350"></p>
<p style="text-align:justify;"><span style="font-family: 'Georgia';color: #262626;" >En pathologie, comme en histoire, chaque si&egrave;cle a son caract&egrave;re ind&eacute;pendant et pr&eacute;cis ou tend &agrave; le rev&ecirc;tir. Celui qui vient de finir para&icirc;t, plus que tout autre, s'&ecirc;tre donn&eacute; le tort ou le m&eacute;rite de continuer activement la tradition. Poursuivant avec une inlassable &eacute;nergie sa marche en avant sur la voie du progr&egrave;s universel, son heureuse &eacute;toile lui a permis de br&ucirc;ler les &eacute;tapes et de jalonner ostensiblement les approches du but. </span><span style="font-family: 'Georgia';color: #262626;font-weight: bold;" >Nul de ses devanciers n'a boulevers&eacute; par suite, au m&ecirc;me degr&eacute; que lui, les id&eacute;es, les m&oelig;urs et les coutumes que les g&eacute;n&eacute;rations se transmettaient avec un pieux souci, mais fauss&eacute; par la conception erron&eacute;e d'une intangible stabilit&eacute;.</span></p>
<p style="text-align:center;"><img src="http://www.steoil.com/wp-content/uploads/2011/11/V4_kit_full-300x251.png" alt="V4_kit_full-300x251.png" width="350"></p>
<p style="text-align:justify;"><span style="font-family: 'Georgia';color: #262626;" >Les effets naturels de cette r&eacute;action excessive contre la torpeur du pass&eacute; devaient in&eacute;vitablement se traduire par la rupture de l'&eacute;quilibre normal, sans lequel l'intime collaboration du moral et du physique aboutit fatalement au surmenage de l'un ou de l'autre, et, le plus souvent, de ces deux indissolubles facteurs du bien-&ecirc;tre social ou individuel.</span></p>
<p style="text-align:justify;"></p>
<p style="text-align:justify;"></p>
</body>
</html>
J'ai essayé pas mal de choses, mais rien n'y fait.
Et mon code est bon selon :
https://validator.w3.org/nu/#textarea