1

只是一个简单的问题 - 我正在使用 Campaign Monitor 发送 HTML 电子邮件，但它们不是以 Outlook 为中心，而是在 Apple 邮件和 gmail 中。我尝试为 Outlook 添加以下 CSS：

.readMsgBody .c-ReadMessagePartBody{
background-color: #F3F3F3;
padding-left: 15%;
padding-right: 15%;
}

除此之外，我还为我的 HTML 和 Body 标签设置了背景颜色。以及体内的一张桌子。并将它们全部对齐到中心。

谢谢你。

4

1 回答 1

1

tl;dr Outlook 不喜欢编码繁重的电子邮件，因为它使用文字处理器或过时的软件来阅读它们。使用表格设计，并将父表格作为背景颜色。

Outlook 2007、2010 和 2013 使用 Microsoft Word（分别为 2007、2010 和 2013 版）呈现电子邮件。是的，文字处理器用于在较新版本的 Outlook 中呈现电子邮件！Outlook 使用 Word 作为渲染引擎导致在 Word 中查看的电子邮件的 CSS 支持出现令人失望的挫折，以及大量令人沮丧的怪癖，导致电子邮件设计社区的一些反弹。事实上，甚至还有一个专门针对他们的事业的网站。-石蕊网站

甚至旧版本的 Outlook 也使用旧版本的 Internet Explorer。再加上大多数 Outlook 用户也会有额外的安全措施，因为他们很可能因为工作网络而使用它，并且它增加了更多层以使代码受到污染。

确保您的电子邮件得到全面支持的最简单方法是限制与 CSS 的电子邮件联系。确保您的 CSS 保存在电子邮件代码中，并且主要使用内联 HTML 样式。使用表格进行组织。

这是我最近发送的一封电子邮件中的一个示例。

    <table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" bgcolor="#f0f0f0" valign="top">

<table width="600" cellpadding="0" cellspacing="0" border="0" class="320-wide" style="min-width:600px">
<tr>
<td align="center" bgcolor="#f0f0f0">
</table>

这为电子邮件的其余部分设置了背景。

于 2014-10-09T14:23:49.723 回答