Outlook电子邮件呈现CSS

Question

我们有一个用HTML / CSS编写的相当复杂的电子邮件，它可以与Apple和Google产品很好地兼容，但是Outlook 2016（以及更早的版本）让我头疼不已。

1. 如何在图像之间添加填充？

使用常规HTML时，我仅将border属性设置为40px，但在Outlook中将其忽略。

1. 为什么Outlook会在不同文本集之间呈现额外的空格/换行符？

代码中没有写任何东西，但是Outlook似乎无处添加空行。

我确实找到了this comprehensive list个mso修复程序，但是目前我还不知道该怎么尝试。

有什么建议吗？

Answer 1

看看https://www.campaignmonitor.com/css/
它将至少为您提供一个更好的主意，让您知道为什么事情不起作用。

Answer 2

在为Outlook客户端呈现CSS样式时，我通常会把规则和变通办法放在首位。其中一些可能是您实施的重复。 （由于未提供）

1）坚持使用内联样式而不是导入的样式表，除非您是服务器端渲染。 2）在Outlook中，使用DATE确定电子邮件正文的宽度，并为其他客户端使用max-width。 3）在标记内谨慎使用媒体查询。并非所有客户端都支持媒体查询。 4）如果其他所有方法均失败，请使用针对特定Outlook客户端的MSO方法进行猴子补丁。 width

要在图像之间留出空间，请尝试将它们都包装在自己的标签中，然后直接在其中定义样式。听起来很乏味，但是我发现这是一个可靠的解决方案。

希望这会有所帮助。