Android Gmail客户端表格间距

这是一个Android Gmail客户端错误？我创建了一个响应邮件，只有android gmail客户端错误地渲染了表。其余的都可以。代码可以在此链接看到 - PasteBin或JSBin Android Gmail客户端表格间距

P.S.我忘记了关闭html标签。在我的邮件中，所有内容都正确嵌套并关闭。

Gmail不支持所有HTML标记。 –

我大多使用表格。这只是一个简单的布局。我以前的代码运行良好，但目前它运行不正常 –

嗯，它是一个Gmail问题。像'src'和'href'这样的标签也不能正确渲染。 –

如果您编程正确，Gmail可以很好地呈现电子邮件。你的HTML看起来相当完整。所以我没有看到你得到这个正确渲染的麻烦。

一对夫妇的注意事项：

Android版Gmail应用没有完全支持@media查询。如果您的电子邮件在Android Gmail上没有正确回复，那就是原因。
为了确保您不会在图像周围出现间距问题，您的图片应始终有style="display:block"。如果您的图像坐在表格单元格中，请确保在表格单元格上添加style=font-size: 1px; line-height: 1px;"。这将确保电子邮件客户端不会在图片上下显示和额外的空白处（我通常在Outlook中看到这一点，但我也在Gmail中看到过它）。

2014-01-30 12:50:34

添加font-size：1px的问题是，当图像首先隐藏时，alt文本将会太小。虽然我已经尝试添加字体大小和行高了。我想知道这是真的GMAIL应用程序问题还是代码错误。 –

我从来没有遇到过这个问题。提供你有'保证金：0; border：0;填充：0;显示：块;'在你的图像CSS中，它独自坐在''中，你不需要所有的字体和行高。 – John

即使'margin：0; border：0;填充：0;显示：块;'我注意到问题。如果我们想挑剔：'font-size：1px; line-height：1px;'比所有图像上的所有边距都少。：P这种技术通常适用于我。如果您关心的是如果图片不显示您的alt标签，您可以将css样式应用于实际图片。 –

^你应该避免字体大小设定为小于5px的因SpamAssassin认为这种风格为垃圾内容的标识符。 Gmail手机的问题是它在表单元格上的默认行高为16像素。将任何内容破坏版面的<td>上的行高设置得更低（但不是< 5px）。

2014-02-03 16:54:49 zazzyzeph

回答