在移动电子邮件客户端上显示时，文本上的行高过高

Posted 2021-05-03

我目前正在为Outlook桌面客户端创建一个签名设计，除了Outlook和GMail等移动客户端之间的线路之间存在过多的空白空间之外，我还设法在各种平台上看起来很好。尽管设置为100％并且边距和填充都设置为零，但看起来行高已设置为150％。

<p style="padding:0;margin:0;line-height:100%;font-size:9pt;">One line</p>
<p style="padding:0;margin:0;line-height:100%;font-size:9pt;">Two line</p>

无论如何都有人知道这个问题吗？无论如何都会降低线路高度，从而导致桌面客户端出现问题。

答案

当布局属性设置为内联和/或设置为零时，看起来GMail和其他移动电子邮件客户端（如Outlook Mobile）无法正确呈现。下面似乎解决了我的问题，对于那些只呈现内联样式的客户，间距应该是应该的。我注意到最后一段有一些额外的空格，因此最后的换行符似乎解决了这个问题。所以所有线条都像桌面上那样紧密相连。希望这有助于某人。

<style type="text/css">
   .sigRow { margin: 1px; font-size:9pt; font-family:"Arial",sans-serif;}
</style>
<p class="sigRow">One line</p>
<p class="sigRow">Two line</p>
<br>