【发布时间】：2017-10-25 00:13:31
【问题描述】：
经过我自己的研究尝试了几天后，我正式放弃了，并向各位专家寻求帮助。
我有一个客户要求使用以下图片作为他们的电子邮件签名，其中包含可点击的电话号码、电子邮件和网站，所以我不得不将其分割并走这条路线，因为图像映射在从他的 Mac 发送，虽然当我通过 Gmail 发送时它在他的 Mac 上运行。
他们正在使用 Mac 上的 Outlook 来开展业务。在交付最终产品之前，我正在通过 PC 在 Outlook 上以及通过 EmailOnAcid 在其他客户端上对此进行测试，但遇到以下问题：
Outlook 发送到 Outlook
Outlook 到 Gmail
Outlook 到 Outlook w/ Line-Height: 0
Outlook to Gmail w/ Line-Height: 0
因此，从本质上讲，从 Outlook 发送到 Outlook 时，所有内容最初看起来都不错，但在 Outlook 到 Gmail 中会出现那些烦人的水平间隙。
当我使用 line-height 技巧时，Outlook 到 Outlook 现在会自行折叠，而 Gmail 现在看起来不错。
我在这里尝试了所有技巧 - https://www.emailonacid.com/blog/article/email-development/12_fixes_for_the_image_spacing_in_html_emails - 在其他地方都无济于事。
仅供参考，因为我尝试了很多不同的东西，所以代码可能不再很一致，但它应该给你一个想法。此外，由于最终使图像具有高分辨率，因此生成的图像比我需要的尺寸大一倍多。
非常感谢任何帮助...谢谢！
<!DOCTYPE html>
<html>
<head>
<meta>
<title>Untitled Document</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="980">
<tr>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_01.jpg" style="display: block;"></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="49px"><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_02.jpg" style="display: block;"></td>
<td height="49px"><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_03.jpg" style="display: block;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_04.jpg" style="display: block;"></td>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_05.jpg" style="display: block;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_06.jpg" style="display: block;"></td>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_07.jpg" style="display: block;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_08.jpg" style="display: block;"></td>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_09.jpg" style="display: block;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_10.jpg" style="display: block;"></td>
<td><img alt="Example Image" border="0" src="https://makalla.com/wp-content/uploads/2017/10/Rebuilt-Signature-v4_11.jpg" style="display: block;"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>【问题讨论】：
-
您是否使用 Outlook 发送电子邮件？
-
是的，因为这是客户端安装签名并从中发送的内容。我知道 Outlook 有它的问题，但我觉得我很接近拨入这个东西了。
-
首先降低td的高度，他们在电子邮件客户端上有不同的结果。这也是你做的吗？ 预览 HTML 并将其复制粘贴到签名中。在 Outlook 上启用签名、撰写电子邮件并发送。 如果没有，我建议您这样做。将 HTML 附加到要发送的电子邮件并不是最好的测试。
-
没有骰子：td 高度。他们一开始就不应该在那里，因为他们是我试图指定每个图像的大小的残余，这也不起作用......我通过复制原始代码并按住 ctrl 来安装签名Outlook 中的签名按钮并将其粘贴到该文件中，因为我认为这是最好的方法。
标签： outlook html-email