Zurb Ink issue on Outlook



我正在使用Zurb Ink创建一封电子邮件,它在所有电子邮件上都运行良好。但是在Outlook 2010上,我发现了一些错误。最大的问题是列的宽度会发生变化。它们变得更大。

网格不遵守 580px 的最大宽度。

您是否偶然增加了Windows上的系统字体大小?

如果有,Outlook 会扭曲一些电子邮件。

尝试将电子邮件发送给使用 Outlook 2010 的其他人,或运行石蕊测试以确保本地 Windows 设置不是问题所在。

有关详细信息,请参阅 Outlook 2007 中的 Word 2007 HTML 和 CSS 呈现功能。

max和min-width在Outlook中不起作用。我不是 100% 了解 Ink 如何解决这个问题,所以你总是可以将你的容器表包装起来

<!--[if gte mso 9]>
<table border="0" cellpadding="0" cellspacing="0" width="580" style="border-collapse:collapse; padding:0; margin:0px;">
<tr valign="top">
<td align="center" valign="top">
<![endif]-->
     CODE GOES HERE
<!--[if gte mso 9]>
</td>
</tr>
</table>
<![endif]-->

你是否内联了你的代码?您始终希望在测试之前内联代码,因为某些电子邮件客户端不会读取标头中的样式表。Ink 在他们的网站上包含此工具:http://zurb.com/ink/inliner.php

我找到了解决方案!

墨迹包括所有图像的float:left;

当我在文本上方包含图像时,浮点数会完成他的工作。

我所做的就是在此图像上包含一个float:none!important;