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

标签 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="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 屏幕中不均匀地落下时，当视口(viewport)不同并且像素被重新映射到子像素宽度以填充它时，问题可能是由调整大小引起的。

作为快速修复，如果您将 bgcolor 设置为黑色会怎样，这样间隙就会混入？

您是否在 <head> 中设置了正确的视口(viewport)元标记？？

关于html - 移动邮件客户端在表格单元格中的图像之间添加间距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34630060/