【问题标题】:Responsive emails on Gmail app (Android) - rem and heightsGmail 应用 (Android) 上的响应式电子邮件 - rem 和 heights
【发布时间】:2014-04-20 03:18:30
【问题描述】:

我正在构建一个响应式电子邮件模板,它应该适用于所有网络客户端和设备。我必须使用 rem font-size 以便在手机中可读。我做了像素和 em 版本,但它们都没有给我所需的外观。但是,使用 rem 会使我的 line-height 无法按预期工作,或者更好的说法是:除了在 gmail 应用程序上之外,它在所有方面都运行良好。

我把部分代码带到了这个链接: http://jsbin.com/kunowo/1/edit 所以你可以看看我期待的东西。

当我打开电子邮件时出现“错误”或挣扎,两行文本之间的高度要大得多。例如,行之间不是 4 个像素,而是 12 个像素。

你们中有人遇到过这种情况吗?我花时间寻找以前的帖子,但他们处理与 rems 或高度无关的其他问题。提前致谢。

【问题讨论】:

  • 我从未在 html 电子邮件中尝试过 rems - 我很惊讶它得到了支持,因为它是 html 电子邮件设计所具有的“像 90 年代一样的代码”心态。您是否也在 line-height 上使用了 rems,或者当您在字体上使用 rems 时,行高的默认间距是否受到影响?

标签: css email responsive-design gmail html-email


【解决方案1】:

响应式在 Gmail 中不起作用。这是unsupported email clients 的列表。此外,邮件客户端的行高呈现不一致,Gmail 是罪魁祸首。

您可以通过在样式标签中添加一些 CSS 以抵消非 Gmail 客户端(因为 Gmail 看不到样式标签)来解决此问题,但这可能会导致其他一些也忽略样式标签的客户端变为偏移量自己。

很抱歉成为坏消息的承担者......

【讨论】:

    猜你喜欢
    • 2012-11-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-31
    • 2014-01-31
    相关资源
    最近更新 更多