Question

当我将HTML电子邮件模板从Mailchimp发送到Outlook 2007,2013和2016时，我无法正常呈现。问题是，当我直接上传HTML以便在Litmus上进行测试时，电子邮件呈现得很好所有Outlook预览。当我将测试邮件从Mailchimp发送到Litmus时，电子邮件在Outlook 2007,2013和2016（Win7）中看起来不成比例。

Mailchimp是否针对我的Outlook定位条件评论做了些什么，我该如何解决这个问题呢？

我的条件评论似乎有时用于修复我的MC电子邮件的某些元素的宽度（您将在屏幕截图中看到，文本框的大小适合顶级卡但不是第二个）。但对于我的生活，我无法弄清楚为什么一个有效，另一个没有，我正在为两者写同样的评论。

截图：

when Mailchimp sends the email to Outlook （出了什么问题）

when the HTML is rendered for Outlook directly（看起来应该是什么样的）

条件评论

我已经放入了特定于Outlook的条件评论，如下所示：

<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]-->

<!--BODY TABLE-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
...
</table>

<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->

谢谢你的帮助！真的很感激。

Answer 1

我感到很痛苦，我为客户制作的模板也遇到了同样的问题。我想让图标视网膜样张，让客户上传他喜欢的任何图像尺寸。不幸的是，经过几个小时的调试搜索网络后，我在MailChimp帖子上阅读了以下内容：

Outlook无法识别限制图像的HTML。这意味着如果您使用HTML来调整上传到广告系列的图片或模板，它可能会在Outlook中以原始大小显示。务必在将图像上传到MailChimp之前调整图像大小，或者使用我们的图像内置图像编辑器。

来源：MailChimp Knowledge Base

我真的不相信这可能是真的，所以我一直试图限制图像。我把固定宽度放在img，td，tr，table上......没有任何帮助。

可悲的是，我无法解释会发生什么，希望通过MC文章的链接可以让您更好地了解相关信息。但我最好的答案是设置最大宽度和宽度。宽度到你的img和td无论如何。并告诉您的客户将图像大小调整为允许的大小。设置最大宽度和宽度时，如果将鼠标悬停在MailChimp编辑器中的可编辑图像上，也会显示#px。我还发现，当你上传一个更大的尺寸时，MailChimp会抛出一个小小的＆＃39;警告。

如果它有任何帮助;请参阅我在我的模板中使用的代码，以使其流畅。

<table mc:repeatable mc:variant="Item with image top and CTA" width="650" cellpadding="0" cellspacing="0" border="0" align="center" class="full-table" style="width:650px;">
<tr>
  <td style="padding:30px 20px 40px 20px;" bgcolor="#FFFFFF">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td style="padding-bottom:15px;max-width:610px;">
          <img src="/images/img.jpg" alt="x" style="width:100%; max-width:610px;" width="610" mc:edit="article_image">
        </td>
      </tr>
    </tr>
  </table>
</td>

Answer 2

您是否在电子邮件中使用视网膜图像？从经验中我发现，如果给出一个大图像，如果没有为img标签指定特定宽度，它们会以大尺寸显示它。下面是我用于电子邮件中图像的代码示例。

<img src="[IMAGE PATH]" width="" height="" style="width:px; height:px;display:block;" border="0">

你也可以发布有问题的元素的img标签，这样我可以更好地看一下吗？

干杯

Mailchimp会影响HTML中特定于Outlook的条件注释

2 个答案: