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

如果图像/间隔符低于 19 像素，Outlook 2013 往往会以两倍高度渲染它们。添加样式到 <td>将 font-size 和 line-height 设置为 1px 应该可以解决这个问题。

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