回复电子邮件:适用的CSS选择器和属性的完整列表

Question

我很好奇，有什么好的资源来检查跨浏览器、电子邮件客户端和移动操作系统的兼容性吗？大多数CSS选择器可以用于响应电子邮件吗？

Answer 1

当谈到电子邮件爆炸时，我总是像90年代后期那样对待这一任务。你通常会避开这些日子的做法，这种做法最有可能在大多数电子邮件客户端上工作。

我说的是表格，内联CSS，尽可能的简单。

尽管如此，我用来测试输出的工具是http://litmus.com --它将向您展示您在各种OSes和设备上的电子邮件客户端上的HTML将是什么样子。

正如其他人已经指出的那样，http://www.campaignmonitor.com/css/是一个很好的资源，可以查看哪些可以工作，哪些不能工作。

Answer 2

您不能在电子邮件中使用CSS文件。大多数电子邮件客户端，像Gmail，都会切断它，如果没有Gmail，你的内容可能会显得很奇怪。

如果您想在电子邮件中使用样式，这是比较不同客户端的一种简单方法：

http://www.campaignmonitor.com/css/

Answer 3

@APAD1 1说：

当谈到电子邮件爆炸时，我总是像90年代后期那样对待这一任务。你通常会避开这些日子的做法，这种做法最有可能在大多数电子邮件客户端上工作。

很遗憾，是的。

一个工具，帮助你保持理智，而你做内联舞蹈是MailChimp的CSS内联。粘贴普通代码，把可怕的代码拿出来。

您还可以使用类似PHP的内容创建电子邮件模板，然后通过变量回显样式。

$title = "color: white; font-weight: normal;";
$header = "background-color: blue;";

<td style="<? echo $header; ?>">
    <h2 style="<? echo $title; ?>"> My Header </h2>
</td>

如果您的应用程序正在向用户发送自动消息，这一点尤其有效，因为它仍然为您提供了将所有样式保存在一个地方的好处。我创建了一个CakePHP助手，这样我就可以在多个不同的系统电子邮件模板中重用这些样式。

最后，与普通的HTML/CSS开发相比，虽然有点难看，而且仍然很痛苦，但与向元素中添加类名并没有多大区别。事实上，内联风格是你唯一能有点自信的东西，可以跨电子邮件客户端工作。