在Android Gmail应用中,有时存在1px的的(具有多个包含图像)内联的图像之间的空间。这会将最右边的图像推到电子邮件的框架之外。它似乎与某些尺寸的图像有关,可能与表格/布局的尺寸有关。Android版Gmail应用:(图像)内嵌图像之间的水平间隙1px的
代码示例如下。附上两个截图示例。
This forum post介绍了错误,但没有修复。
我已经试过:很多。我在提到的谷歌产品论坛上发布了一些技巧,但都没有成功。通过https://www.inkbrush.com/产生
标记,其具有所有的标准的解决方法仍然显示这个错误。
的问题是在酸性的测试电子邮件间断。有时它只会出现在实际的设备上。
截图,第一个打破的图像,但它说明了其中图像结束:
从电子邮件示例我撰写。完整文件in this gist。从inkbrush的主要演示
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://tracking.telecharge.com/t/33334376/1094175919/73227780/0/81249/?x=83ab5506" target="_blank"><img alt="" border="0" height="30" src="http://content.telecharge.com/telecharge_marketing/20170425Waitress/WAITRESS_013_TELECHARGE_08.jpg" style="display:block; display:block; max-width:312px;" width="312"></a></td>
</tr>
</table>
</td>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><a href="http://tracking.telecharge.com/t/33334376/1094175919/73694490/0/81249/?x=41ab12fe" target="_blank"><img alt="" border="0" height="30" src="http://content.telecharge.com/telecharge_marketing/20170425Waitress/WAITRESS_013_TELECHARGE_09.jpg" style="display:block; display:block; max-width:268px;" width="268"></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
样品:
<tr align="left" style="border-collapse: collapse;border-spacing: 0;border: 0; ">
<td>
<table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;border-spacing: 0;border: 0; min-width:600px;">
<tbody>
<tr style="border-collapse: collapse;border-spacing: 0;border: 0;">
<td align="left" valign="top" style=" width:204px; height:60px; ">
<img border="0" height="60" src="./497056_files/5ef86d691f3e7d7cf49f027d0f29d03d-original.jpg" style="display:block; line-height:0; border:0; width:204px; max-width:204px; min-width:204px; height:60px; max-height:60px; min-height:60px;" width="204">
</td>
<td align="left" valign="top" style=" width:51px; height:60px; ">
<img border="0" height="60" src="./497056_files/f8c41fc2b6d48fca6d4d0b1510c80a84-original.jpg" style="display:block; line-height:0; border:0; width:51px; max-width:51px; min-width:51px; height:60px; max-height:60px; min-height:60px;" width="51">
</td>
<td align="left" valign="top" style=" width:49px; height:60px; ">
<img border="0" height="60" src="./497056_files/c93fa6d4d1ffa2eb6a5a992205d1160a-original.jpg" style="display:block; line-height:0; border:0; width:49px; max-width:49px; min-width:49px; height:60px; max-height:60px; min-height:60px;" width="49">
</td>
<td align="left" valign="top" style=" width:50px; height:60px; ">
<img border="0" height="60" src="./497056_files/19df3e027e0c5e2391f76a22de1f0743-original.jpg" style="display:block; line-height:0; border:0; width:50px; max-width:50px; min-width:50px; height:60px; max-height:60px; min-height:60px;" width="50">
</td>
<td align="left" valign="top" style=" width:52px; height:60px; ">
<img border="0" height="60" src="./497056_files/28a69a7158c8ec60d7cadcbcb2cfe211-original.jpg" style="display:block; line-height:0; border:0; width:52px; max-width:52px; min-width:52px; height:60px; max-height:60px; min-height:60px;" width="52">
</td>
<td align="left" valign="top" style=" width:194px; height:60px; ">
<img border="0" height="60" src="./497056_files/caf6117f5e93df6c24631c06c09c06c6-original.jpg" style="display:block; line-height:0; border:0; width:194px; max-width:194px; min-width:194px; height:60px; max-height:60px; min-height:60px;" width="194">
</td>
</tr>
</tbody>
</table>
</td>
</tr>