【发布时间】：2023-04-02 21:05:01
【问题描述】：
我正在设计一个响应式电子邮件。除了 Outlook 07/10/13（臭名昭著的文字渲染引擎版本）之外，它目前适用于 Litmus 中的每个客户端。为了让我的电子邮件在其他版本的 Outlook（早期和更高版本）中正确显示，我使用：
<!--[if (gte mso 9)|(IE)]>
<style>
.leftCol {
width:350 !important;
margin-left:4 !important;
}
.rightCol {
padding:0 !important;
}
</style>
<![endif]-->完美运行。但是，Outlook 07/10/13 似乎并没有注意到这些条件。奇怪的是，如果我手动编辑关联表（leftCol 和 rightCol）的内联 css，它就可以工作；但是，我不能这样做，因为它会破坏我所有其他客户端的渲染。
我可以做些什么来让条件 CSS 在 Outlook 07/10/13 中工作？
提前致谢！
【问题讨论】：
-
最有可能的是，像这样的有条件的东西会被删除。您可以尝试确保其 INSIDE 正文标签 - 外部的东西会被某些电子邮件客户端剥离。
-
这是我怀疑的。我如何将 CSS 样式与条件语句内联？类似于：
??
有条件的不能内联我不认为。您最好的选择是始终保持电子邮件模板非常简单 - 开发它是一件非常笨拙且不一致的事情，您只需要确保事情顺利失败，并接受某些限制。如果它在标头中不起作用，并且在正文中不起作用，它可能根本不起作用（例如，客户端正在剥离 IE 条件）。您能否更具体地说明哪些部分不起作用（例如，宽度不会从百分比变为已定义等）或提供更多代码供我们进行调试？我有几个想法，但没有更多信息，我无法给出一个好的答案。此外，您不能为 MSO 执行内联条件 CSS。
标签： html css outlook html-email conditional-statements