Bilder anzeigen, die falsche Größe oder falsche Abstände in Gmail-app
Ich habe eine Tabelle, basierend html-E-Mail, die korrekt angezeigt werden, in Outlook, Thunderbird und Gmail in einem web-browser. Wenn ich eine E-Mail in der Gmail-app auf einem android-Gerät die Bilder ausfallen, um line-up. Ich habe bereits verwendet die erprobte und wahre style="display:block"
fix für Bilder in Gmail nicht mit Glück als gut. Einstellung border-collapse:collapse;
auf dem Tisch schien auch keinen Unterschied zu machen. Merkwürdigerweise ist das Ergebnis scheint zu variieren, basierend auf dem verwendeten Gerät. Zum Beispiel, mein Beispiel-code unten auf einem Galaxy Nexus macht die Reihe mit drei Bildern, die schmaler als die Zeilen oben und unten. Auf einem Nexus 5 das Ergebnis ist das Gegenteil, mit den drei Bild-Zeile anzeigen, die breiter als die anderen Zeilen. Ich denke, das problem kann aufgrund der Art und Weise der app ist die Skalierung der E-Mail auf den Bildschirm passen. Oder habe ich etwas übersehen wirklich basic. Ich würde mich sehr über jede Hilfe oder Ideen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body bgcolor="#FFFFFF">
<table id="Table_01" width="600" height="619" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" style="width:600px; height:454px;">
<img src="http://www.netmockup.com/gmailtest/images/index_01.png" width="600" height="454" alt="" border="0" style="display:block;" /></td>
</tr>
<tr>
<td style="width:203px; height:104px;">
<img src="http://www.netmockup.com/gmailtest/images/index_02.png" width="203" height="104" alt="" border="0" style="display:block;" /></td>
<td style="width:194px; height:104px;">
<img src="http://www.netmockup.com/gmailtest/images/index_03.png" width="194" height="104" alt="" border="0" style="display:block;" /></td>
<td style="width:203px; height:104px;">
<img src="http://www.netmockup.com/gmailtest/images/index_04.png" width="203" height="104" alt="" border="0" style="display:block;" /></td>
</tr>
<tr>
<td colspan="3" style="width:600px; height:61px;">
<img src="http://www.netmockup.com/gmailtest/images/index_05.png" width="600" height="61" alt="" border="0" style="display:block;" /></td>
</tr>
</table>
</body>
</html>
Du musst angemeldet sein, um einen Kommentar abzugeben.
Erstmal.. die meisten android-mail-app sind einfach nur schrecklich, Sie dosnt html Rendern, als jede andere E-mail-client.
Sie haben, um es
<td width="203" height="104">
und nicht<td style="width:203px; height:104px;">
, also nicht im Stil, sondern direkt auf die<td>
.Habe ich festgestellt, dass android-gmail-app braucht eine
style="min-width: XXX px"
auf alle tds' sonst ist es dosnt über die Pflege der breiten.Siehe Ergebnisse in Lackmus: https://litmus.com/pub/9c8ab31
Also der Letzte code: