Outlook 上的 Zurb Ink 问题答案

【问题标题】：Zurb Ink issue on OutlookOutlook 上的 Zurb Ink 问题
【发布时间】：2014-12-03 09:41:00
【问题描述】：

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

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

【问题讨论】：

您是否使用了来自zurb.com/ink/templates.php 的标准模板？如果没有给出任何代码，没有人可以重现您的错误。
我遵循了文档。这是我的代码：abpq.com.br/newsletter/template.html

标签： css html-email outlook-2010 zurb-ink

【解决方案1】：

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

如果你有，outlook 会扭曲一些电子邮件。

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

【讨论】：

【解决方案2】：

详情请见Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007。

【讨论】：

感谢您的链接。但是 Zurb Ink 与 Outlook 不兼容？
我不知道Zurd Ink是什么。

【解决方案3】：

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]-->

【讨论】：

【解决方案4】：

您是否内联了您的代码？您总是希望在测试之前内联您的代码，因为某些电子邮件客户端不会读取标题中的样式表。 Ink 在其网站上包含此工具：http://zurb.com/ink/inliner.php

【讨论】：

【解决方案5】：

我找到了解决办法！

所有图像的墨水都包含float:left;。

当我在文本上方添加图像时，浮动完成了他的工作。

我所做的是在这些图片上添加float:none!important;。

【讨论】：