【发布时间】: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