我正在使用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;
。