电子邮件模板验证

Question

我正在发送跨国电子邮件，我从Zurb基金会下载了一个模板，但是这个模板没有像我预期的那样正确显示的问题。我使用W3C验证了HTML，它是有效的，但它没有正确显示。

您可以查看http://52fluent.com/email.html

上的模板

灰色条向上的主要问题总是被修剪，好像没有任何造型一样实现

如何找到问题以及使用哪些工具

Answer 1

问题是模板依赖于http://52fluent.com/email.css处CSS样式表的链接：

<link rel="stylesheet" type="text/css" href="http://52fluent.com/email.css" />

这样的链接在电子邮件中不起作用。您需要将该CSS文件中的样式复制到模板中的每个相应HTML元素中，例如：

<table class="head-wrap" bgcolor="#999999"
    style="margin: 0; padding: 0; [...etc...]">

当然，有一些工具可以自动执行此操作：例如，快速Google搜索显示为CSS Inline Transformer。还有一个名为premailer的Python库。