Html 移动邮件客户端在表格单元格中添加图像间距

Html 移动邮件客户端在表格单元格中添加图像间距,html,css,mobile,html-email,email-client,Html,Css,Mobile,Html Email,Email Client,像Gmail和Inbox这样的移动邮件客户端会在html邮件中显示不需要的水平间距,而不是垂直间距,如下面的屏幕截图所示。Web客户端没有这个问题 html具有以下结构: <table cellspacing="0" cellpadding="0" border="0"> <tr> <td><img width="25" height="29" border="0" style="displa

像Gmail和Inbox这样的移动邮件客户端会在html邮件中显示不需要的水平间距,而不是垂直间距,如下面的屏幕截图所示。Web客户端没有这个问题

html具有以下结构:

     <table cellspacing="0" cellpadding="0" border="0">
           <tr>
              <td><img width="25" height="29" border="0" style="display: block" src="1.jpg"/></td>
              <td><img width="30" height="29" border="0" style="display: block" src="2.jpg"/></td>
              <td><img width="29" height="29" border="0" style="display: block" src="3.jpg"/></td>
              ... <!-- and so on -->
           </tr>
      </table>

... 
所有图像都设置了正确的对应尺寸,并且重置了所有样式,如填充、边距等。向表格单元格添加维度和colspan也不能解决此问题


甚至可以修复该问题吗?

您的代码具有所有必需的属性,并且看起来很干净,因此问题不在此表中。请提供更多信息,最好是整个HTML文件仅包含此表。当像素在高DPI屏幕中不均匀地落下时,当视口不同时,并且像素通过亚像素宽度重新映射以填充时,可能会发生调整大小的问题

作为一个快速解决方案,如果您将bgcolor设置为黑色,那么间隙将混合在一起呢


您是否在
中设置了正确的视口元标记?

尝试为
td添加相同的
宽度
,但已尝试过,无法使用。我认为问题在于图像,而不是表格单元格。好的,您是否尝试为
表格
添加
宽度
?是的,仍然没有更改。此表格之外没有任何不同。再多几个布局基本相同的表,唯一的区别是,下面的表只包含一个覆盖整个表宽的图像。如下所示:
是的,设置了视口元标记。我也更改了DOCTYPE,因为我发现它留下了空白,但仍然没有更改。