如何创建HTML电子邮件以在所有电子邮件客户端中使用？

Question

我知道这是一个模糊的问题，但我会感谢任何指导。我的客户有一个电子邮件订阅者列表，他向其发送HTML电子邮件。问题是，当不同的电子邮件客户端查看时，电子邮件看起来不一致。例如，一封电子邮件在Gmail中看起来很棒，但在Outlook或AOL中却很糟糕。

这个问题是否适合所有解决方案？也就是说，我可以使用特定的CSS规则吗？谢谢你的帮助。

Answer 1

HTML电子邮件本质上在每个电子邮件客户端中看起来都不完全相同，因为CSS和媒体查询支持因客户端而异。但是，您可以采取一些步骤，使它们看起来相当一致并且优雅地降级。

我从这里开始：https://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919这是一篇关于构建流畅电子邮件模板的精彩文章，您可以将其用作创建其他电子邮件的基础。它还包括the source code电子邮件。

对您的电子邮件进行编码后，您可以使用Litmus等服务进行检查，以查看许多客户端/设备的外观。 Litmus也非常适合解决电子邮件问题。

最后查看Campaign Monitor的HTML电子邮件CSS支持列表：https://www.campaignmonitor.com/css/这是对全球十大最受欢迎的移动，网络和桌面电子邮件客户端的CSS支持的完整细分。

至于Outlook，它确实很痛苦，但请确保使用Outlook条件标记专门针对Outlook。查看this thread中的第一个答案，了解条件标记的完整纲要。额外提示：如果你将样式放在Outlook代码标签中，请务必使用！important，前面有空格。

Answer 2

粗略地说，我可以列出一些可以帮助你的“不做”和

1. 始终使用嵌套表而不是div来创建HTML
2. 不要忘记将纯文本部分与HTML一起添加，这样邮件就不会被删除，因为“查看为HTML＆＃39;设置为NO。
3. 始终使用内联CSS

4. 优化您的图片，使其不超过72ppi。

5. 绝不使用背景图片。

6. 永远不要使用外部链接的CSS。
7. 不要将单个图片用于整个邮件
8. 在为电子邮件编写HTML时，请考虑它与网页不同。是的，实际上它们是不同的，因为Web浏览器足以呈现HTML而不是电子邮件客户端。