为什么 元素在 Rackspace 电子邮件中显示不同？

Question

为什么  元素在 Rackspace 电子邮件中的显示方式与 Gmail、Outlook.com、Outlook（桌面应用程序）和 Mail（OS X)?

这是我的  元素在 Gmail、Outlook.com、Outlook 和 Mail 中的样子：

这是我的  元素在 Rackspace 网络邮件中的样子：

我的电子邮件中的代码如下所示：

<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>

我尝试使用此应用程序来规范我的电子邮件，但它在 Rackspace 上看起来仍然不一样：http://premailer.dialect.ca/

如何让换行符出现在 Rackspace 电子邮件中？

Answer 1

不同的电子邮件客户端对某些标签（如网络浏览器）有不同的默认样式。在这种情况下，Gmail、Outlook.com、Outlook 和 Mail 似乎给出了一个unstyled  标记了一个小的底边距，而 Rackspace 邮件则没有。

这可以通过定义明确的边距来重置。使用像 premailer 这样的内联器效果很好，尽管手动内联更直接。

<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>

为什么 <p> 元素在 Rackspace 电子邮件中显示不同？

Why do <p> elements show up differently in Rackspace email?

email

webmail

rackspace

html-email