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

时间:2017-12-13 17:51:40

标签: html css outlook gmail

我目前正在为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>

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

1 个答案:

答案 0 :(得分:0)

当布局属性设置为内联和/或设置为零时,看起来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>