在outlook中转发响应式电子邮件会破坏100%宽度表

时间:2014-11-04 15:03:25

标签: html css email responsive-design html-email

所以我使用了一个锅炉板来创建响应式电子邮件,它在各种设备上看起来都不错,保存了Gmail安卓,但是......无法全部赢得它们。

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

电子邮件如下

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

电子邮件破碎: broken forwarded image in outlook

2 个答案:

答案 0 :(得分:0)

尝试将其转发到网络邮件并在您的电子邮件中使用inspect元素 - 您会发现您的代码中充斥着MSO自定义CSS,例如mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan;

Outlook将此CSS发送到任何富文本/ HTML电子邮件中。这会造成像你所看到的那样一团糟。我想你可以尝试在顶部制定!important规则来抵消你所拥有的各种元素的MSO CSS,但你也可能像其他人一样,并说你对转发的电子邮件没什么可做的。 Outlook并不是唯一一个使转发HTML混乱的程序。

答案 1 :(得分:0)

Outlook发送时使用单词呈现引擎完全重写HTML。一旦Outlook在你的电子邮件上有它的爪子,它现在就是一个单词doc。

实际上不可能通过Outlook发送任何响应(它会删除所有媒体查询)。你最好的选择是一个可扩展的电子邮件,但即使这样也有很大的限制(没有图像宽度百分比等)。如果您想发送响应,则需要使用其他电子邮件客户端发送。

我通常建议通过Thunderbird发送,因为它最接近纯粹的'发送,因为它在电子邮件中发送/接收HTML时使用Mozilla渲染引擎。仍有怪癖,但它提供了比Outlook更多的选择。

我强烈建议您使用像MailChimp或Exact Target这样的ESP(电子邮件服务提供商)来发送这些消息。转发您收到的电子邮件可以删除CAN-SPAM合规性。选择退出等将与您联系,而不是与该人联系在一起。因此,如果他们点击退出,您将不再收到消息,而不是他们,并且不会留下实际点击它的人的记录。此外,它将使您的分析变得棘手。

如果您不关心响应式等,请使用以下指向Outlook编码的电子邮件酸指南的链接,它可能会对表格间距问题Outlook Tips提供更多帮助。您需要填写一些信息才能获得它,但它是编写Outlook的良好参考。