Question

Gmail和收件箱等移动邮件客户端在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也无法解决问题。

甚至可以解决这个问题吗？

Answer 1

您的代码具有所有必需的属性并且看起来很干净，因此问题不在此表中。请提供更多信息，理想情况下只包含此表的整个HTML文件。问题可能是由于在高DPI屏幕中像素下降不均匀时发生的调整大小，当视口不同并且像素通过子像素宽度重新映射以填充它时发生。

作为一个快速修复，如果你将bgcolor设置为黑色，那么间隙会混入？

您是否在<head>？

中设置了正确的视口元标记

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

1 个答案: