Gmail会更改内嵌样式

Question

我在MailChimp中创建了一个自定义模板，所有样式都是内联的，但是当我发送预览时，Gmail要么不显示这些样式，要么改变它们。

例如：

<span style="display: inline-block;width: 35px;height:4px;background-color: #ff4229;">&nbsp;</span>

Gmail将呈现为：

<span style="display:inline-block;width:35px;min-height:4px;background-color:#ff4229;"> </span>

有没有人知道为什么会这样？ 谢谢！

编辑： 我将max-height添加到内联样式，现在还可以。

Answer 1

问题可能源于很多事情，但可能是由Gmail的预处理器完成，以确保在其电子邮件客户端中显示是安全的。基本上这意味着它会对HTML / CSS进行更改，这可能会导致电子邮件客户端上使用的HTML / CSS出现问题（无论是显示还是安全）。

除此之外，可以通过百万种不同的方式在收发邮件收件箱的途中阅读和编辑电子邮件。

请参阅以下链接，了解有关此流程的更多信息：

https://litmus.com/blog/why-do-email-clients-render-emails-differently?utm_campaign=industry&utm_source=litmusblog&utm_medium=blog

https://litmus.com/blog/why-email-designs-break-rendering-guide-infographic?utm_campaign=industry&utm_source=litmusblog&utm_medium=blogs-break-rendering-guide-infographic

https://litmus.com/blog/webmail-rendering-explained-why-preprocessors-are-the-enemy

此外，大多数电子邮件客户端的跨度都不接受高度，宽度，显示和背景颜色。由于支持不稳定，在电子邮件中使用DIV标签甚至存在争议。您需要将表用于大多数目的。有关HTML电子邮件布局的一些链接，请参阅下文：

https://www.campaignmonitor.com/blog/email-marketing/2011/05/div-tags-in-html-email-newsletters/

HTML email: tables or divs?