HTML 电子邮件的平台特定 CSS

Platform-specific CSS for HTML emails

我在 HTML 电子邮件中使用负 margin 值,这确实是 tricky issue. 但是,我的大部分电子邮件列表都在 OSX 或 iOS,所以这是值得的。另一方面,我的一些列表 是 Gmail 上的 ,其中负 margin 值被删除。我不想为我的 Gmail 受众使用否定 margin,而是想将该元素居中。有没有办法专门为 Gmail(或任何其他平台)编写 CSS?

Apple 产品的示例代码:

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

Gmail 的期望结果:

我可以建议的一件事是编写这样的代码:
适用于第一个电子邮件客户端(非 gmail 客户端), 看起来不错,如果您要删除 gmail 不支持的部分。
基本上你会为两者制作一个独特的文档。
如何?
通过准确找出 Gmail 不支持的代码,您将能够进行设计,同时考虑到某些代码不被考虑在内的事实。

类似于:

A = 是所有(包括 gmail)都支持的代码。
B = 是 gmail 不支持的代码。

代码:

大家好
欢迎

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

明白了吗?