我最近一直在为我的一个客户编写一份时事通讯。我似乎无法找到关于哪些 css 和 html 可以在主要邮件客户端中安全使用的好信息。
我想也许这里有些人有知识，我们可以创建一些适用于主要邮件客户端的东西列表。
这是我从活动监视器借来的流行邮件客户端列表。 （如果我忘记了什么请告诉我）
Microsoft Outlook
Apple Mail
Hotmail
Yahoo! Mail
Gmail
问题是这些主要浏览器中都有哪些标签、属性、特殊怪癖以及如何轻松避免。
感谢您的帮助，
【问题讨论】：
标签： html css email outlook gmail
Gmail 已经支持头部中的style 标签
您可以使用 CSS 选择器的子集来应用样式。 Gmail 支持 类、元素和 id 选择器。
<html>
<head>
<style>
.colored {
color: blue;
}
#body {
font-size: 14px;
}
</style>
</head>
<body>
<div id='body'>
<p>Hi Pierce,</p>
<p class='colored'>This text is blue.</p=>
<p>Jerry</p>
</div>
</body>
</html>
还有媒体查询：
您可以使用标准 CSS 媒体查询来调整电子邮件的样式以适应用户当前的设备。 Gmail 支持针对屏幕宽度、方向和分辨率的查询。
<html>
<head>
<style>
.colored {
color: blue;
}
#body {
font-size: 14px;
}
@media screen and (min-width: 500px) {
.colored {
color:red;
}
}
</style>
</head>
<body>
<div id='body'>
<p>Hi Pierce,</p>
<p class='colored'>
This text is blue if the window width is
below 500px and red otherwise.
</p>
<p>Jerry</p>
</div>
</body>
</html>
【讨论】：
PDF 为不同邮件客户端中的 CSS 支持提供表格格式： 为不同操作系统上的 Web 客户端、桌面客户端和移动邮件客户端提供信息。
【讨论】：
Campaign Monitor 中提供了常见邮件客户端中 CSS 支持的详细而全面的列表。
【讨论】：
这是一个电子邮件 CSS 备忘单。 http://intenseminimalism.com/2010/email-css-cheatsheet/
【讨论】：
您可以在Email Standard Project找到所有主要电子邮件客户端支持和不支持的 CSS 功能的完整列表
一个非常有用的开发 HTML 电子邮件的引导程序是HTML Email Bolerplate
作为一般规则 - 始终使用表格和所有老式 HTML 标签（align、center、valign、color 等）。一些reading的话题。
【讨论】：
【讨论】：