Css Gmail更改内联样式

Css Gmail更改内联样式,css,gmail,html-email,mailchimp,Css,Gmail,Html Email,Mailchimp,我正在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-

我正在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>

有人知道为什么会这样吗? 谢谢

编辑:
我在内联样式中添加了最大高度,现在没问题了。

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

除此之外,在发送到收件人收件箱的过程中,电子邮件的阅读和编辑方式可能有一百万种

有关此过程的更多信息,请参阅下面的链接:

此外,对于大多数电子邮件客户端,跨距上的高度、宽度、显示和背景色都是不可接受的。由于支持参差不齐,在电子邮件中使用DIV标签甚至存在一些争议。大多数情况下,您都需要使用表。有关HTML电子邮件布局的一些链接,请参见下文:


有什么区别吗?@Era原始的有“高度”,更改的有“最小高度”@Aaron感谢您指出,这只是一个错误:)我修复了它。不管怎样,我还是不明白为什么Gmail会改变样式…如果你检查一下电子邮件客户端支持的CSS,你会发现你有一些不支持的样式@Aaron谢谢!看起来Gmail不支持“显示”。所以我用div更改了span,但它仍然不起作用:/