Question

我在设计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" />&nbsp;<img src="bord.png" width="70" height="70" />&nbsp;<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;">

Answer 1

Outlook使用Word作为电子邮件编辑器。您可以在MSDN的以下系列文章中阅读受支持和不受支持的HTML元素，属性和级联样式表属性：

Outlook 2013中的HTML电子邮件宽度问题

1 个答案: