为 Gmail 设计 HTML 电子邮件

新手上路,请多包涵

我正在生成一个使用内部样式表的 html 电子邮件,即

<!doctype html>
<html>
<head>
  <style type="text/css">
    h2.foo {color: red}
  </style>
</head>
<body>
 <h2 class="foo">Email content here</foo>
</body>
</html>

在 Gmail 中查看时,内部样式表中的所有样式似乎都被忽略了。似乎 Gmail 忽略了内联规则以外的所有样式,例如

 <h2 style="color: red">Email content here</foo>

这是我在使用 Gmail 查看时设置 HTML 电子邮件样式的唯一选项吗?

原文由 Dónal 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 851
2 个回答

截至今天 2016 年 9 月 30 日,此处的答案已过时。Gmail 目前正在 支持--- 中的 head style 标记以及媒体查询。如果 Gmail 是您唯一关心的问题,那么您可以像现代开发人员一样安全地使用类!

作为参考,您可以查看 官方的 gmail CSS 文档

作为旁注,Gmail 是唯一不支持 style 的主要客户端( 参考,直到他们更新为止)。这意味着您 几乎 可以安全地停止将样式内联。一些不太知名的客户可能仍然需要它们。

原文由 Matthew Johnson 发布,翻译遵循 CC BY-SA 3.0 许可协议

对所有内容使用内联样式。该站点会将您的类转换为内联样式:http: //premailer.dialect.ca/

原文由 substate 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏