我的带有内联样式的电子邮件签名在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> <span style="font-size: 12px;">x9493361416949336141694933</span> </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图片:
Apple Mail图片:
(忽略表观尺寸变化,只关注相对线高)
更新:
去除线高后:0.1;对于地址,它现在看起来像这样。
默认线高控制机制垂直较小,但仍需要垂直间隔更远。