【发布时间】：2015-05-11 16:05:26
【问题描述】：
我在为 Outlook 2013 设计 HTML 电子邮件时遇到了很多麻烦。在所有其他电子邮件客户端中，表格正确显示（甚至 Outlook Web App），表格和图像的宽度正确。但在 Outlook 2013 中，包括图像在内的整个表格都会被压缩。
下面我发布了我的代码的第一部分。所以我已经用电子邮件内容包装了实际的表格，将所有 CSS 内联并声明了宽度，没有“px”。我不知道还有什么可以尝试的。
<!doctype html>
<head>
<meta charset="UTF-8">
<title>HTML Email</title>
</head>
<body bgcolor="#eeeeee" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;">
<table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; border:0 none; border-radius:0;">
<tr>
<td width="596" colspan="2" align="center" valign="middle" style="font-family: Arial, sans-serif; font-size: 11px; color: #000000; padding: 5px;">Click here if this email isn't displayed properly.</td>
</tr>
<tr>
<td width="50%" align="left "><img src="logo.png" width="150" height="48" /></a></td>
<td width="50%" align="right"><img src="personen.png" width="70" height="70" /> <img src="bord.png" width="70" height="70" /> <img src="brood.png" width="70" height="70" /></td>
</tr>
<tr>
<td width="596" colspan="2"><img src="visual.png" height="235" width="596" /></td>
</tr>
<tr>
<td width="596" colspan="2" style="padding: 20px;">
【问题讨论】：
标签： html css html-table html-email outlook-2013