Gmail显示从Outlook发送的电子邮件签名图像之间的差距,但Outlook显示100%



嗨,我在html中设计了多个图像签名,使电子邮件签名中的所有图像都可以点击链接。例如A打开电子邮件,B拨打总机号码等。

在outlook或ios邮件是显示100%和工作没有任何图像之间的差距,但在gmail它显示从outlook发送时图像之间的差距?

有人能帮我解决这个问题吗?请参阅下面的电子邮件签名应该是什么样子,它如何显示在gmail和代码,TIA。

电子邮件签名应该是什么样子

gmail中如何显示

<html>
<head>
<title>Jane Doe Email Signature</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="650" height="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="height: 60px">
<a href="mailto:janedoe@abc.com" style="display:block; padding:0px; margin:0px;"><img src="https://i.ibb.co/5YrTS6W/Image-01.jpg" width="650" height="60" alt"janedoe@abc.com" border="0" style="display:block; padding:0px; margin:0px;"></a></td>
</tr>
<tr>
<td style="height: 20px">
<a href="Tel:+27123456789" style="display:block; padding:0px; margin:0px;"><img src="https://i.ibb.co/gT9BDxr/Image-02.jpg" width="650" height="20" alt="+27 (0) 12 345 6789" border="0" style="display:block; padding:0px; margin:0px;"></a></td>
</tr>
<tr>
<td style="height: 20px">
<a href="Tel:+2712345678" style="display:block; padding:0px; margin:0px;"><img src="https://i.ibb.co/J3Yh5LY/Image-03.jpg" width="650" height="20" alt="" border="0" style="display:block; padding:0px; margin:0px;"></a></td>
</tr>
<tr>
<td style="height: 20px">
<a href="mailto:janedoe@abc.com" style="display:block; padding:0px; margin:0px;"><img src="https://i.ibb.co/w4ZSYT6/Image-04.jpg" width="650" height="20" alt="janedoe@abc.com" border="0" style="display:block; padding:0px; margin:0px;"></a></td>
</tr>
<tr>
<td style="height: 10px">
<a href="https://www.abc.om" style="display:block; padding:0px; margin:0px;"><img src="https://i.ibb.co/nzbygZV/Image-05.jpg" width="650" height="10" alt="" border="0" style="display:block; padding:0px; margin:0px;"></a></td>
</tr>
<tr>
<td style="height: 20px">
<a href="" style="display:block; padding:0px; margin:0px;"><img src="https://i.ibb.co/4SQfvbB/Image-06.jpg" width="650" height="20" alt="Head Office" border="0" style="display:block; padding:0px; margin:0px;"></a></td>
</tr>
</table>
</body>
</html>

Outlook用来显示和编辑邮件正文的Word编辑器可能不支持某些属性。例如,不支持"marginheight"。您可以在Outlook文章中的Word HTML和CSS渲染功能中找到受支持和不受支持的HTML元素、属性和级联样式表属性。

最新更新