电子邮件签名行高度样式在Apple Mail和浏览器中不一致

时间:2015-05-13 18:09:53

标签: css email email-client

我的带有内联样式的电子邮件签名在Web浏览器中看起来应该如此。但在Apple Mail with Gmail中,线条高度垂直嵌入。

如何在Apple Mail中使其外观相同而不改变它在Web浏览器中的显示效果?

标记:

<div><p style="font-family:Verdana, Arial, sans-serif; font-size:16px; line-height:1; color:#000 !important;"><span style="font-size:18px; text-transform:uppercase;">full name</span><br><span style="font-size:12px;">web developer</span><br><br><a href="http://www.brandedonline.com?utm_source=EmailSignature&utm_medium=logo&utm_campaign=fullname"><img src="http://concepts.cdn.brandedonline.com/BOL/email/signature/email-logo-20150511-p.jpg" alt="brandedonline logo"></a><br><span style="font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: .5;">123 North 1st Street Jacksonville, NY 27192</span><br><span style="display:inline-block;"><span style="font-size:12px; white-space:nowrap; color: #000001 !important;"><span style="color:#ff0000 !important;">T</span>: 123 123 1234</span>&nbsp;<span style="font-size: 12px;">x9493361416949336141694933</span>&nbsp;&nbsp;&nbsp;</span><span style="font-size:12px; white-space:nowrap; display:inline-block; color: #000001 !important;"><span style="color:#ff0000 !important;">M</span>: 321 321 3210</span><br><a class="link signature_website-target sig-hide" href="http://www.brandedonline.com?utm_source=EmailSignature&utm_medium=link&utm_campaign=fullname" style="font-size: 12px; color: #ff0000; text-transform: lowercase; display: inline;">brandedonline.com</a></p></div>

Gmail图片:

enter image description here

Apple Mail图片:

enter image description here

(忽略表观尺寸变化,只关注相对线高)

更新:

去除线高后:0.1;对于地址,它现在看起来像这样。

默认线高控制机制垂直较小,但仍需要垂直间隔更远。

enter image description here

0 个答案:

没有答案