【发布时间】：2017-04-01 20:05:29
【问题描述】：
我知道这是一个模糊的问题，但我会很感激任何指导。我的客户有一个电子邮件订阅者列表，他向其中发送 HTML 电子邮件。问题在于，当不同的电子邮件客户端查看这些电子邮件时，它们看起来并不一致。例如，一封电子邮件在 Gmail 中可能看起来很棒，但在 Outlook 或 AOL 中却很糟糕。
对于这个问题，是否有一种万能的解决方案？也就是说，是否有我可以使用的特定 CSS 规则等？谢谢你的帮助。
【问题讨论】：
【发布时间】：2017-04-01 20:05:29
【问题描述】：
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/ 这是全球十大最受欢迎的移动、Web 和桌面电子邮件客户端的 CSS 支持的完整细分。
对于 Outlook，这确实很痛苦，但请确保使用 Outlook 条件标签专门针对 Outlook。查看this thread 中的第一个答案，了解条件标签的完整概要。额外提示：如果您将样式放在 Outlook 代码标记中，请确保使用 !important 并在其前面留一个空格。
【讨论】：
我可以大致列出一些可以帮助你的注意事项
- 始终使用嵌套表格而不是 div 来创建 HTML
- 不要忘记将纯文本部分与 HTML 一起添加，以免邮件在“以 HTML 格式查看”设置为 NO 时被剪掉。
- 始终使用内联 CSS
优化您的图像，使其不超过 72ppi。
切勿使用背景图片。
- 切勿使用外部链接的 CSS。
- 不要在整封邮件中使用单个图片
- 在为电子邮件编写 HTML 时，请考虑将其与网页不同。是的，它们确实是不同的，因为 Web 浏览器比电子邮件客户端有足够的能力呈现 HTML。
【讨论】：