Windows 10 邮件电子邮件呈现支持 + 怪癖
已发表: 2016-10-05Windows 10 邮件是要添加到预览版的最新电子邮件客户端之一。 为了帮助您充分利用电子邮件预览，我们重点介绍了它的电子邮件呈现支持是什么样的，以及您可以在其中看到的任何怪癖。
Windows 10 是 Microsoft 于 2015 年 7 月向消费者发布的 Windows 8 操作系统的继任者。最初，Windows 10 作为免费升级提供给任何拥有 Windows 7 或 8 合法副本的客户。到 2015 年 10 月，微软报告说有超过 1.1 亿台安装了 Windows 10 的设备，截至 2016 年 6 月，这一数字已增至近 3.5 亿台。
虽然 Outlook 通常是您会与 Windows 环境关联的电子邮件客户端，但 Windows 10 有自己的默认邮件应用程序——Windows Mail。 Windows Mail 应用程序已包含在 Windows Vista、8 和 10 操作系统中。
用户可以使用他们的 Gmail、Yahoo、iCloud、AOL 和自定义 IMAP 帐户——无需 Microsoft 帐户。 这一点，再加上 Windows 10 的邮件应用程序是免费的，使该应用程序成为一个非常容易访问的电子邮件客户端。
Windows 10 Mail 中的整体桌面打开量从 2016 年 3 月的不到 3% 增加到 2016 年 7 月的近 6%，每个月的市场份额都比上个月有所增加。 市场份额的稳步上升表明电子邮件营销人员需要意识到这种日益流行的电子邮件客户端。
 | 您的订阅者是否在 Windows 10 邮件中打开？找出您的订阅者在哪里打开电子邮件，并将您的开发和测试工作重点放在最重要的客户端和设备上。 探索电子邮件分析 → |
应用程序视图
Windows 10 Mail 中可供用户使用的应用程序视图自定义选项很少。 例如，您不能向左侧窗格中添加任何文件夹。 默认视图显示三列，用户选择的电子邮件显示在右侧窗格中。
通过折叠左侧栏，可以缩小整个邮件窗口。
使用此三列视图，查看电子邮件的右侧窗格的宽度可能会受到限制，具体取决于用户设置的分辨率。 为了让 Windows 10 邮件用户尽可能少地水平滚动，请将电子邮件的最大宽度保持为 650 像素。
信封
Windows 10 邮件用户在收件箱列表视图中都可以看到您的电子邮件的名称、主题行和预览文本。 发件人名称是电子邮件列表视图中电子邮件信封中最显眼的部分。 使用可识别且一致的名称将有助于订阅者快速找到您的电子邮件。
至于您的主题行和预览文本——两者都有 34 个字符，足以吸引订阅者打开您的电子邮件。 预览文本直接显示在主题行下方，因此请务必根据主题行制作预览文本。
您的电子邮件在 Windows 10 邮件中的外观如何？
电子邮件开发人员应该熟悉 Windows 10 的邮件应用程序如何呈现 HTML 的一些怪癖。 由于它使用 Microsoft Word 作为其渲染引擎，电子邮件开发人员在 Outlook 中体验的许多渲染怪癖也将在 Windows 10 Mail 中体验到。
背景图片
与 Outlook 一样，不支持背景图像。 Outlook 2007/10/13 中解决此问题的首选解决方案使用 VML 和 HTML 的组合来启用背景图像。 但是，这在 Windows 10 邮件中不起作用。
这应该提醒您不要使用背景图像来可视化电子邮件中的重要消息。 但是，它们可以用作额外的奖励或电子邮件设计的画龙点睛。 如果您确实在电子邮件中使用了背景图片，请确保在不支持背景图片的情况下进行彻底测试并准备好备用方案，例如背景颜色。
网页字体
遗憾的是也不支持 Web 字体。 但是，与 Outlook 不同，Outlook 必须使用 hack 以使 Web 字体不会回退到 Times New Roman，这在 Windows 10 Mail 中不需要。 只要您的字体系列中有 Web 安全字体，该字体就会在 Windows 10 Mail 中呈现。
font-family: ProximaNova-Regular, Arial, sans-serif;在上面的示例中，Web 安全字体 Arial 将为 Windows 10 Mail 用户呈现。
 | 现在可用于所有 Litmus 帐户立即注册 Litmus 帐户，开始在 Windows 10 邮件应用程序中测试您的电子邮件。 免费试用 Litmus → |
自动链接和下划线
另一个对开发人员来说并不陌生的渲染怪癖是自动链接邮寄地址和电话号码，蓝色和虚线下划线。
对于移动设备上的用户来说是一个有用的功能，但在桌面设备上却很烦人。 这些链接的样式可以与您的电子邮件设计相匹配，而不是使用黑客来完全删除此功能。
将地址和电话号码包裹在 <span> 中，并在电子邮件的 <head> 中创建一个类来设置这些链接的样式：
.addressLink a {color:#c0c0c0!important; text-decoration:none!important;}在 HTML 中，将任何地址包装在 <span> 中，您希望其样式与您的电子邮件设计相匹配，并使用适当的类名：
<span class="addressLink">123 Avenue Road, USA, Earth</span>在社区中了解有关此怪癖的更多信息，社区成员 James White 已在社区中深入研究了 Windows 10 Mail 中发生这种情况的原因。
即使链接的内联 CSS 明确定义链接没有下划线，Windows 10 Mail 也会自动为电子邮件中的链接加下划线。 修复很简单。
地方：
a {text-decoration: none;}在电子邮件代码的 <style> 块中的 <head> 中。 现在您电子邮件中的所有链接都没有下划线。 不利的一面是，如果您确实希望电子邮件中的某些链接带有下划线，则每个链接都需要内联重置“文本装饰”属性。
当您将上述 CSS 部分添加到 <style> 块中时，您可能还需要考虑将 CSS 添加到样式已访问链接中，因为这些将附加默认样式。
只需添加：
a:visited {color:#c0c0c0; text-decoration:none;}到您的 <style> 块以设置访问过的链接的样式。
GIF 动画
听到 Windows 10 邮件不支持动画 gif 应该不足为奇。 与 Outlook 类似，只有 gif 中动画的第一帧才会显示给用户。 所以让第一帧计数。
将您的错误发送给我们
通过发送电子邮件至 [email protected] 提交您的反馈和呈现错误。 Litmus 正在收集社区发现的错误，以改进电子邮件。 了解 Microsoft 合作伙伴关系。