outlook - 用媒体查询响应电子邮件替换图像

Question

我正在尝试编写响应式电子邮件，以便当用户的分辨率低于 480 像素时，我们会隐藏大图像并用较小的背景图像替换它们。但是，事实证明，背景图像不会显示在移动设备或桌面的 Outlook 中。那么在响应式电子邮件中用小图像替换大图像的方法是什么？

谢谢！

Answer 1

实际上，如果可能的话，您的设计仍然需要在缺少背景图像的情况下“工作”。

Outlook（我指的是桌面应用程序，而不是 Outlook.com，Hotmail 的替代品）在支持各种基本 HTML/CSS 功能（Campaign Monitor CSS 兼容性图表）和更现代的方面几乎是最差的电子邮件客户端媒体查询之类的东西——这是因为 Outlook 2007、2010 甚至 2013 版本都使用 Microsoft Word 渲染引擎……</p>

有一个基于 VML 的背景图像 hack，但它非常可怕并且不能保证有效 - 我不推荐。

显然，您需要考虑电子邮件活动的受众，但就个人而言，除非您的客户要求 Outlook 支持（尽管您可以尝试解释情况）在您的邮件顶部的浏览器链接中正确显示 - 我会检查正文在 Outlook 中是否可读，但坦率地说，不要担心太多其他内容，专注于在允许媒体的移动客户端中正确处理-查询。