我正在尝试为客户制作一封响应式电子邮件，但他们想要针对桌面和移动设备使用不同的字体。通常我会为此使用媒体查询，它可以在我的 Dreamweaver 视图上运行，但是当我将代码插入 Litmus 时，MSO（如图）也不尊重。对此有什么见解吗？
我已经尝试过媒体查询路由和内联 css/style 路由，但这些要么让我在 mso 上出现错误，要么一起否定字体大小开关。
根据您需要满足的特定电子邮件客户端，您可以通过假设 MSO Desktop 中仅使用您的内联样式来解决 MSO Desktop 客户端中的限制，然后更改字体大小的媒体查询应该适用于大多数移动设备平台（iOS、Android 等）。
因此，您需要使用不依赖于 MSO 不支持的任何内容的桌面样式来构建代码。这意味着没有媒体查询。
您可以使用媒体查询来更改许多移动客户端的样式。所以这是您指定字体大小更改的地方。
<style type="text/css">
/* Mobile only */
@media (max-width: 600px) {
.mobile-20px {
font-size: 20px !important;
line-height: 24px !important;
}
}
</style>
<body>
<!-- All Desktop/Web clients including MSO -->
<span style="font-size: 16px; line-height: 20px;" class="mobile-20px">Email Content</span>
</body>
这可能看起来像是一个严厉的解决方案，但如果您需要支持 MSO/Outlook 客户端，那么它很可能是必要的。
如果您尝试专门在 MSO 客户端中制作响应式电子邮件，例如通过调整 Outlook 桌面应用程序中的窗口大小。根据我的经验，没有解决方案，因为 MSO 桌面客户端不支持媒体查询。
**总之，您的基准电子邮件 CSS 应该是桌面/MSO 友好的（如果您需要支持 MSO/Outlook）：