html - 在 Outlook 中转发响应式电子邮件会破坏 100% 宽度的表格

Question

所以我使用了一个样板来创建响应式电子邮件，它在所有设备上看起来都不错，除了 Gmail android，但.. 不能赢得所有。

当我在 Outlook 2007 或 2010 中转发电子邮件时，表格被分成几段，其中表格被声明为 100% 宽度。已尝试将整个电子邮件包装到一个表中，但不起作用。我们也没有可以为我们提供转发链接的电子邮件营销 ESP，所以这是不可能的。我想修复代码，或者是否有任何解决方案？

邮件如下

http://dev.hurford-salvi-carr.co.uk/charles/email/blackfriars/blackfriars.html

损坏的电子邮件:

Answer 1

尝试将其转发到网络邮件并在您的电子邮件中使用检查元素 - 您会看到您的代码中充斥着 MSO 自定义 CSS，例如 mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para- margin :0in； mso-para-margin-bottom:.0001pt; mso-pagination:寡妇-孤儿;

Outlook 将此 CSS 注入(inject)到您发送的任何富文本/HTML 电子邮件中。这会像您所看到的那样造成困惑。我想你可以尝试在顶部制定 !important 规则来抵消他们在你拥有的每种元素上的 MSO CSS，但你也可以像其他人一样说你对转发的电子邮件无能为力. Outlook 也不是唯一一个将转发的 HTML 弄得一团糟的程序。