html - Outlook 2013 中的电子邮件通讯第一个空表单元格高度问题

Question

我的时事通讯中的第一个空表格单元格在 Outlook 2013 中显示得更大。这就是我所拥有的：

<tr>
    <td bgcolor="#b0bc12" height="10" style="background-color:#b0bc12; height:10px;"></td>
</tr>

这适用于我测试过的每个电子邮件客户端，但在 Outlook 2013 中，高度似乎是指定高度的两倍。我还将以下代码放在标题中，但似乎没有任何效果：

<!--[if gte mso 15]>
    <style type="text/css" media="all">
        body { font-size: 0; line-height: 0; }
        tr { font-size:1px; mso-line-height-alt:0; mso-margin-top-alt:1px; }
    </style>
<![endif]-->

我在时事通讯的下方有类似的空单元格，但它们都工作正常。只是第一个有问题。

Answer 1

Outlook 2013 倾向于以两倍高度呈现图像/间隔，因为它们低于 19 像素。添加<td>样式并将字体大小和行高样式设置为 1px 应该可以解决此问题。

<tr>
    <td bgcolor="#b0bc12" height="10" style="font-size:1px; line-height:1px; background-color:#b0bc12; height:10px;"></td>
</tr>