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>

有谁知道为什么会这样吗？ 谢谢！

编辑：我将最大高度添加到内联样式，现在可以。

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电子邮件：表格还是div？