【问题标题】:Android Gmail client table spacing [closed]Android Gmail客户端表间距[关闭]
【发布时间】:2014-01-29 07:24:36
【问题描述】:

这是 Android gmail 客户端错误吗?我创建了一个响应式邮件程序,只有 android gmail 客户端错误地呈现了表格。其余的一切正常。代码可以在这个链接看到 - PasteBin or JSBin

附:我忘记了结束 html 标记。在我的邮件中,所有内容都已正确嵌套和关闭。

【问题讨论】:

  • Gmail 不支持所有的 HTML 标签。
  • 我主要使用表格。而这只是一个简单的布局。我以前的代码运行良好,但目前运行不正常
  • 嗯,这是一个 Gmail 问题。 srchref 等标签也无法正确呈现。

标签: android html gmail html-email email-client


【解决方案1】:

如果您对电子邮件进行正确编程,Gmail 可以很好地呈现电子邮件。您的 HTML 看起来格式很好。所以我不认为你应该很难正确渲染。

几个注意事项:

  1. Android Gmail 应用程序不完全支持@media 查询。如果您的电子邮件无法在 Android Gmail 上正确“回复”,这就是原因。

  2. 为了确保您不会在图像周围出现间距问题,您的图像应始终使用style="display:block"。如果您的图像位于表格单元格中,请确保在表格单元格中添加style=font-size: 1px; line-height: 1px;"。这将确保电子邮件客户端不会呈现图像上方和下方的额外间距(我通常在 Outlook 中看到这一点,但在 Gmail 中也遇到过)。

【讨论】:

  • 添加 font-size:1px 的问题是最初隐藏图像时 alt 文本会太小。虽然我已经尝试添加字体大小和行高。我想知道这是否真的是 GMAIL 应用程序问题或代码有问题。
  • 我从来没有遇到过间隙问题。如果您的图像 CSS 中有 margin: 0; border: 0; padding: 0; display:block; 并且它单独位于 <td> 中,则您不需要所有字体和行高。
  • 即使使用margin: 0; border: 0; padding: 0; display:block; 我也注意到了问题。如果我们想要挑剔:font-size: 1px; line-height: 1px; 的代码比所有图像上的所有边距内容都要少。 :P 这种技术通常对我有用。如果您担心图片不显示时 alt 标签的外观,您可以在实际图片上应用 css 样式。
【解决方案2】:

^ 您应该避免将 font-size 设置为小于 5px,因为 SpamAssassin 将该样式视为垃圾内容的标识符。 Gmail 移动版的问题在于它在表格单元格上的默认行高为 16 像素。将 <td> 的行高设置为较低(但不小于 5px),以减少任何破坏布局的内容。

【讨论】:

    猜你喜欢
    • 2012-04-09
    • 1970-01-01
    • 2014-07-11
    • 1970-01-01
    • 1970-01-01
    • 2022-08-04
    • 2012-10-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多