Gmail应用程序(Android)上的响应式电子邮件 - rem和高度

时间:2014-03-14 17:17:45

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

我正在构建一个响应式电子邮件模板,该模板应该适用于所有Web客户端和设备。我不得不使用rem font-size,以便在手机中可读。我做了像素和em版本,但没有一个给我我需要的外观。但是,使用rem会使我的行高无法按预期工作,或者更好的说法:除了gmail应用程序之外,它的效果都很好。

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

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

你们之前有没有遇到过这个?我花时间寻找以前的帖子,但他们处理与rems或高度无关的其他问题。提前谢谢。

1 个答案:

答案 0 :(得分:2)

自适应无法在Gmail中使用。以下是unsupported email clients的列表。此外,线路高度在电子邮件客户端之间呈现不一致,而Gmail是罪魁祸首。

你可以通过在样式标记中添加一些CSS来抵消非Gmail客户端(因为Gmail无法看到样式标记),但是它可能会导致一些其他客户端也忽略样式标记变为偏移自己。

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