html - outlook 07/10 中的图像不合适

Question

我刚刚设计了我的第一个 html eshot，并使用 Mailchimps 收件箱检查器在不同的电子邮件客户端上对其进行了测试。据我所知，它在所有客户端上都很好，除了 Outlook 2007 和 2010。左边的图像移动了很多。 Outlook 2003 和所有其他都很好，只是 2007 和 2010 导致了问题。

Weblink (how it should look)

Outlook 2007 和 2010(不应该的样子):

有人知道怎么回事吗？我尝试了各种方法，但没有任何效果，这让我发疯。

Answer 1

根据您的代码，我的估计是 colspan 导致了问题。根据我编写电子邮件的经验，应该避免使用 colspan 和 rowspan。如果您需要更改列数，请关闭该表并启动一个新表。这是很多额外的标记，但这就是编码电子邮件的问题。

编写电子邮件非常非常具有挑战性。有很多文章介绍各种电子邮件客户端的挑战及其怪癖 - 更不用说 GMail、AOL、Yahoo! 等了。

我建议从这里开始:
http://www.campaignmonitor.com/css/
他们的图表让您快速了解各种 css 选择器等与现有电子邮件客户端的兼容性。

然后，您需要了解发生的一些奇怪的事情，例如 GMail 添加到图像的边距。 (将 display:block; 添加到图像中:http://www.campaignmonitor.com/blog/post/3132/how-to-stop-gmail-from-adding-a-margin-to-your-images/)

我开始使用的一个工具是Email On Acid ，可让您在各种电子邮件客户端中预览电子邮件。