Html 移动邮件客户端在表格单元格中添加图像间距
像Gmail和Inbox这样的移动邮件客户端会在html邮件中显示不需要的水平间距,而不是垂直间距,如下面的屏幕截图所示。Web客户端没有这个问题 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
<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,因为我发现它留下了空白,但仍然没有更改。