我正在构建一个响应式电子邮件模板,该模板应该适用于所有Web客户端和设备。我不得不使用rem font-size,以便在手机中可读。我做了像素和em版本,但没有一个给我我需要的外观。但是,使用rem会使我的行高无法按预期工作,或者更好的说法:除了gmail应用程序之外,它的效果都很好。
我将部分代码带到了这个链接: http://jsbin.com/kunowo/1/edit 所以你可以看看我期待的东西。
当我打开电子邮件时出现“错误”或挣扎,两行文本之间的高度更大。例如,不是行之间的4个像素,而是有12个像素。
你们之前有没有遇到过这个?我花时间寻找以前的帖子,但他们处理与rems或高度无关的其他问题。提前谢谢。
答案 0 :(得分:2)
自适应无法在Gmail中使用。以下是unsupported email clients的列表。此外,线路高度在电子邮件客户端之间呈现不一致,而Gmail是罪魁祸首。
你可以通过在样式标记中添加一些CSS来抵消非Gmail客户端(因为Gmail无法看到样式标记),但是它可能会导致一些其他客户端也忽略样式标记变为偏移自己。
很抱歉成为坏消息的承担者......