Outlook.com中的HTML电子邮件签名一致性

Question

我在组合公司电子邮件签名时遇到了一些问题，该签名在不同邮件提供商之间在视觉上是一致的。

我使用了各种在线指南（在此邮件末尾列出），但还有最后一个我似乎无法解决的问题。

在Outlook.com中，表格高度似乎不必要地低了很多，如下面的比较所示（请注意红色标记）。

Outlook 2013：

Outlook.com：

HTML：

<table border="0" cellspacing="0" cellpadding="0" height="118">
<tr>
    <td align="left" width="202" height="118" style="padding:0px 10px 0px 0px; margin:0px 0px 0px 0px;line-height:0px; margin-bottom:0px; border-right-color:#005f6b; border-right-width:1px; border-right-style:solid; margin-bottom:0px;"><img src="http://i.imgur.com/ClMZi3M.gif?1" width="202" height="118" alt="My Logo"></td>
    <td align="left" style="padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; margin-bottom:0px;" height="118">
        <p style="font-family:'Calibri','tahoma','sans-serif'; font-size:13px; line-height:19px; color:#262626; margin:0px 0px 0px 0px; padding:0px;margin-bottom:0px;">
            <font style="font-size:15px;"><b>Joe Soap</b> | Senior Developer</font>
            <br/>
            Telephone: <a href="skype:CompanyName?+27 21 777 7777" style="color:#005f6b; text-decoration: none;">+27 21 777 7777</a>
            <br/>
            Mobile: <a href="skype:Joe Soap?+27 88 888 8888" style="color:#005f6b; text-decoration: none;">+27 88 888 8888</a>
            <br/>
            Address: <font style="color:#005f6b">Some Address, 7700, Cape Town, South Africa</font>
            <br/>
            Website: <a href="#" style="color:#005f6b; text-decoration: none;">www.somecompany.com</a> | <a href="#" style="color:#005f6b; text-decoration: none;">www.anotherdomain.com</a>
            <br/>
            Email: <a href="mailto:myemailaddress@somecompany.cm" style="color:#005f6b; text-decoration: none;">myemailaddress@somecompany.com</a>
        </p>
    </td>
</tr>
</table>

有谁知道这可能是什么？

Answer 1

您所看到的是Outlook.com的行高增加的“功能”。

您需要做的是将<div class="ExternalClass>放在打开后和结束<body> 。

在您的<style>标记中，添加.ecxExternalClass{line-height:100% !important;}

Outlook在HTML和样式标签中的所有类前面加上“ ecx”。 如果您已经有了ecx，它将在样式标签中将其忽略。