1

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

Mailchimp 是否对我的 Outlook 定位条件评论做某事，我该如何解决这个问题？

我的条件注释有时似乎可以解决我的 MC 电子邮件某些元素的宽度问题（您会在屏幕截图中看到，文本框的大小适合第一张卡片，但不适用于第二张卡片）。但是对于我的生活，我无法弄清楚为什么一个有效而另一个无效，我正在为两者写相同的评论。

截图：

当 Mailchimp 将电子邮件发送到 Outlook 时（出了什么问题）

当直接为 Outlook 呈现 HTML 时（它应该是什么样子）

有条件的评论：

我已经放入了特定于 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]-->

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

4

2 回答 2

1

我感受到你的痛苦，我为客户制作的模板也遇到了同样的问题。我想让图标经过视网膜验证，并让客户上传他想要的任何图像大小。不幸的是，在网上搜索了很多小时后，我在 MailChimp 帖子中阅读了以下内容：

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

来源：MailChimp 知识库

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

遗憾的是，我无法真正解释发生了什么，希望 MC 文章的链接能让您更好地了解它。但我最好的答案是为您的 img 和 td 设置一个最大宽度和宽度。并告诉您的客户将图像调整为允许的大小。当您将鼠标悬停在 MailChimp 编辑器中的可编辑图像上时，设置最大宽度和宽度也会显示 #px。我还发现，当您上传更大尺寸的文件时，MailChimp 会发出小警告。

如果它可以以任何方式提供帮助；请参阅下面我在模板中使用的代码以使其流畅。

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

于 2017-02-01T12:52:39.757 回答
0

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

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

您还可以发布违规元素的 img 标签，以便我可以更好地查看它吗？

干杯

于 2017-01-29T22:50:06.567 回答