Question

制作一个eBlast

一切看起来都不错，除了绅士的底部图片，在Outlook中它被炸成了巨大的尺寸。

我遇到某些Outlook电子邮件服务中的问题。 eBlast通过了所有的Litmus测试，但是Outlook 2010和2013，当我进一步研究这个问题时，我发现这是因为Max-width和min-width在Outlook中无关紧要，因为它没有读取该代码。

任何人都可以看看这段代码，并提出一些我可以应用于eblast底部图像的修复程序，它目前位于此代码块中：

<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody><tr style="vertical-align: top">
    <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px" align="center">
        <div style="font-size:12px" align="center">
        <img class="center" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: none;height: auto;line-height: 100%;margin: 0 auto;float: none;max-width: 146px" align="center" border="0" src="http://www.lonebeacondevelopment.com/images/jfir.jpg" alt="Image" title="Image" style="max-width:146px !important; width:50%">
        </div>
    </td>
</tr>

我将永远感激，谢谢。

Answer 1

如果你要设置一个最大宽度，为什么不继续设置图像的大小，或者将它设置为从一开始就预先确定的宽度。

这样你的后备就是它将图像加载到最大值，因为Outlook会忽略最大宽度，并显示完整的图像。

由于你不会高于600px，因此硬编码或仅调整实际的全尺寸图像而不是尝试使用css调整大小时应该没有任何问题。

Answer 2

你的部分问题是你在同一个元素中有两个样式属性。其中一个将被忽略。对于Outlook，我发现的最佳解决方案是添加一个老式的显式宽度=＆＃34; 146＆＃34;在您设置最大宽度的样式之前。 Outlook只关注旧属性，而更现代的客户端将解释样式中的最大宽度。

Answer 3

您是对的，Outlook不支持min-width或max-width。

由于Outlook 2010和2013仅限桌面设备并使用Microsoft Office呈现电子邮件，因此我们可以使用ghost tables和VML在这些电子邮件客户端中仅以146像素宽显示图像。< / p>

这样的事情可以解决问题：

<div style="max-width: 146px;">
    <!--[if mso]>
    /* Everything inside here is only read by Outlook 07/10/13 */
    <table cellspacing="0" cellpadding="0" border="0" width="146" align="center">
    <tr>
    <td>
    <![endif]-->
        <img class="center" src="http://www.lonebeacondevelopment.com/images/jfir.jpg" alt="Image" title="Image" style="width: 100%;">
    <!--[if mso]>
    </td>
    </tr>
    </table>
    <![endif]-->
</div>

响应式eBlast的Outlook 2007,2010和2013中的最小宽度最大宽度

3 个答案: