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

Question

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

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

这在我测试过的每个电子邮件客户端上都运行良好，但在 Outlook 2013 中，高度似乎是指定高度的两倍。我还在header里放了下面的代码但是好像没有什么效果:

<!--[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

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

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