在 Outlook 中回复/转发 HTML 电子邮件显示隐藏内容/中断答案

【问题标题】：Replying / Forwarding HTML email in Outlook shows hidden content / breaks在 Outlook 中回复/转发 HTML 电子邮件显示隐藏内容/中断
【发布时间】：2013-11-07 05:32:06
【问题描述】：

我正在使用一种技术来生成“响应式”电子邮件，该技术涉及两个版本。一种是专门为桌面编写的，另一种是为移动设备编写的。在桌面客户端中使用条件语句和 CSS (mso-hide:all; display:none;) 的组合来隐藏移动版本，反之亦然。

这完全符合预期。当我转发或回复其中一封电子邮件时，样式会中断，并且会显示之前隐藏的“移动”版本。我尝试在表格上使用内联样式 (mso-hide:all; display:none;)，以及应用一个类并使用条件 cmets 以 CSS 方式应用相同的样式，但它不起作用。

我会举一个例子，但这项工作相当敏感。

基本上，我正在寻找一种在 Outlook 中隐藏表格并在回复/转发电子邮件时保持隐藏状态的方法。

【问题讨论】：

标签： html email outlook responsive-design html-email

【解决方案1】：

尝试将您的移动版本封装在  [tables]  中。这应该可以防止移动版本被 Outlook 解释并因此被转发。

转发 html 电子邮件意味着转发已经由客户端处理的 html，如果您查看 Outlook 处理的 html 文件，这是非常可怕的。充满了垃圾MS代码。

大多数电子邮件开发人员（包括我自己）都承认您无法控制转发的电子邮件，因此不要尝试编写代码以便转发正常工作。

【讨论】：

【解决方案2】：

它们是否都内联设置了 CSS 显示值？您是否在媒体查询中使用 !important 标记覆盖内联声明？

Outlook 经常会丢弃媒体查询（尤其是在转发时），因此，如果您只有一个内联版本作为默认视图可见，也许这可能会起作用 - 对于像 Gmail 这样的非样式标签客户端来说，这是您应该拥有的。 ..

【讨论】：