用于HTML电子邮件的特定于平台的CSS

用于HTML电子邮件的特定于平台的CSS,html,css,email,gmail,margin,Html,Css,Email,Gmail,Margin,我在HTML电子邮件中使用了负边距值,这是公认的错误。然而,我的大多数电子邮件列表都在OSX或iOS上,所以这是值得的。另一方面,我的列表中有一些是在Gmail上,在Gmail上,负面的边距值会被删除。我不想给我的Gmail用户使用一个负的边距,而是想把这个元素放在中间。有没有专门为Gmail(或任何其他平台)编写CSS的方法 苹果产品的示例代码: .cmt_new img {margin-bottom: -55px; position:relative; z-index:1;} Gmail

我在HTML电子邮件中使用了负
边距
值,这是公认的错误。然而,我的大多数电子邮件列表都在OSX或iOS上,所以这是值得的。另一方面,我的列表中有一些是在Gmail上,在Gmail上,负面的
边距
值会被删除。我不想给我的Gmail用户使用一个负的
边距,而是想把这个元素放在中间。有没有专门为Gmail(或任何其他平台)编写CSS的方法

苹果产品的示例代码:

.cmt_new img {margin-bottom: -55px; position:relative; z-index:1;}

Gmail的预期结果:


我可以建议写一个代码:
适用于第一个电子邮件客户端(不是gmail客户端),如果你拿出gmail不支持的邮件,看起来会很不错。
基本上,您可以使一个独特的文档同时适用于这两者。
怎么做?
通过准确找出Gmail不支持的代码,你将能够进行设计,记住某些代码不起作用

比如:

A=是一个受所有人(包括gmail)支持的代码。
B=是gmail不支持的代码

代码:

大家好大家好
欢迎

电子邮件结果:大家好,欢迎光临。
gmail的结果:您好,欢迎光临


明白了吗?

你想添加只对Gmail生效的代码吗?@DaniSpringer正确。因为Gmail没能完成我的A计划(上图),我想要一个令人满意的后备方案(下图)。这是一个很好的后备方案,也是我最终选择的路线。唯一的问题是,Gmail也可以读取A。如果不能够编写仅由Gmail读取的代码,就很难在Gmail中获得良好的外观,但这可能不是真正可行的…问题是Gmail能够读取与左侧图像对齐的代码,但无法读取具有负边距的代码。理想的回退方法是将图像居中,但Gmail可以读取的任何类型的居中方法也可以被其他程序读取。负边距通常做什么?两个版本都将图像居中,您是否同意?