Question

我已经创建了一个流畅的电子邮件模板，可以在各处精彩地工作，期待在Outlook中。基本结构在我的流体表周围包含一个仅限outlook的表。

// table to keep everything at 580 for outlook
<!--[if (gte mso 9)|(IE)]>
  <table width="580" align="center" cellpadding="20" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace:0; mso-table-rspace:0;">
    <tr>
      <td>
<![endif]-->

     // fluid table up to 960px
    <table class="content" align="center" cellpadding="20" cellspacing="0" border="0" style="width:100%!important; max-width:960px;border-collapse: collapse; mso-table-lspace:0; mso-table-rspace:0;">

     // image is 960px wide 
     <tr><td><img src="myimage.jpb"></td></tr>

    </table>

<!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
</table>
<![endif]-->

我遇到的问题是outlook没有将960px图像的大小调整为580px，它只是扩展了表格，所以我得到了水平滚动条。有没有办法强制将图像调整为580px，但仅限于outlook？

Answer 1

Outlook会根据自己的算法调整图像大小，而不是基于HTML或CSS声明。像往常一样，Outlook是令人垂涎欲滴的堂兄，这意味着很好，但只会让其他人的事情变得更加困难。

最好的办法是将图像大小调整为580像素。这应该有助于最大限度地减少Outlook所造成的损害，因为它通常会引用图像的实际大小，而不是您在HTML或CSS中放入的声明大小。

有时将设定定义的值设置为width或height属性是可行的，但您需要在没有引号的情况下这样做（例如width = 300）。不确定为什么这样可行，但有时它会将它限制在正确的比例。

图像大于Outlook中的表格宽度

1 个答案: