gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 06:36:39 25 4
gpt4 key购买 nike

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

Mobile Gmail/Inbox screenshot

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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com