我正在为客户发送HTML简报广告系列,但Outlook只展示其中的一小部分图片。我已经阅读了existing article,但没有解决问题的方法。
Oldschool HTML和Mailchimp / Campaignmonitor推荐的一些内联CSS使HTML简报在Outlook中运行:
<table width="600" border="0" cellspacing="0" cellpadding="0" id="mainTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;border: 0;font-family: Arial, Helvetica, sans-serif;" align="center">
<tr>
<td align="left" valign="top" style="text-align:left;background-color:#ccdce3;width:600px;"><img src="gematik_header.jpg" style="width:600px;height:339px;" width="600" height="339" alt="Frohe Weihnachten"></td>
</tr>
<tr>
<td align="left" valign="top" style="text-align:left; background-color:#ccdce3;font-family: Arial, Helvetica, sans-serif; font-size:14px;line-height:24px;margin:0;padding:0;color:#646464;">
<div style="margin: 0 135px 0 175px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; height:100%; padding:0; color: #646464;">
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; margin:0; padding:0; color: #646464;">Text</p>
</div>
</td>
</tr>
<tr>
<td align="center" valign="top" style="text-align:center; background-color:#ccdce3;height: 380px;" height="380"><img src="gematik_footer.jpg" alt="gematik" style="width:100%; height:auto;"></td>
</tr>
</table>
我尝试使用HTML属性和CSS双重定义宽度和高度,但始终相同:在浏览器,Apple Mail,Thunderbird,gmail,Lotus Notes甚至Outlook 2000到2003中看起来不错,但在Outlook 2007中却没有然后。图像的一小部分存在,但我无法确定它们的大小。请参见屏幕截图: