Gmail 在电子邮件签名中的空 td 中添加了高度答案

【问题标题】：Gmail added height in empty td in email signatureGmail 在电子邮件签名中的空 td 中添加了高度
【发布时间】：2017-07-24 15:56:10
【问题描述】：

我的客户电子邮件签名中有一个空的 td 问题。它在 Outlook 中看起来不错，但是当我将带有签名的电子邮件从 Outlook 发送到 Gmail 时，我的 td 会增加高度。在浏览器版本的 Gmail 中，这没什么大不了的，但在 Gmail 应用程序中，增加的高度是很多的。请参阅我包含的图片。

Gmail app

Gmail browser

我的代码：

<td bgcolor="#B5987F" style="height:3; width:100%; font-size:0; line-height:3px; mso-line-heightrule:exactly; border-top: 3px solid #ffffff;border-bottom: 3px solid #ffffff;">&nbsp;</td>

添加了白色边框以增加间距。当我删除它们时，它没有任何区别。当我删除 Outlook 忽略指定的高度并添加到高度时，但是当我向 Gmail 发送带有签名的电子邮件时，高度看起来应该是这样。

我还尝试了 line-height（当将 height 和 line-height 都降低到 1(px) 时，增加的高度会变得更糟）和 font-size，我将高度和宽度作为属性而不是内联css，td内的div等。我真的被困住了，因为似乎没有任何工作。

我在这里做错了什么？

【问题讨论】：

你试过用height: 3px代替height: 3吗？
抱歉，打错了。我确实尝试了 height: 3px 这没有任何区别。

标签： html css email outlook gmail

【解决方案1】：

删除&nbsp; 并尝试

<td bgcolor="#B5987F" style="height:3; width:100%; font-size:0; line-height:3px; mso-line-heightrule:exactly; border-top: 3px solid #ffffff;border-bottom: 3px solid #ffffff;"></td>

【讨论】：

谢谢，但不幸的是我已经尝试过了。当我删除 [ ] Outlook 时，会增加额外的高度。当我将它发送到 Gmail 时，它确实有效，但我的客户显然希望签名在任何地方看起来都很完美。
我觉得应该是mso-line-height-rule（不是mso-line-heightrule）

【解决方案2】：

如果您将电子邮件从 Gmail 移动应用程序（我在 iOS 上测试）转发到 Gmail 桌面，并查看源代码，则表明 Gmail 实际上添加了双 <br> 标签。由于除了内联之外没有其他可靠的方式来使用 CSS，而且这些标签在源 html 签名中不存在，看起来 Outlook 桌面到 Gmail 移动应用程序是无法修复的组合。这是我发现唯一无法使用的组合，因此我建议将用户从 Outlook 桌面转移到 OWA

【讨论】：

换行符可能会在转发过程中添加，因此不是决定性的，但请确保在文本周围使用段落标签，因为这将被追溯添加。使用<p style="font-size: 13px; line-height: 1!important; color:#000001!important; margin-top: 0.1px; margin-bottom:0.1px; margin-left:0.1px; margin-right:0.1px;"> 边距设置应该可以解决这个问题。对于较大的组织，请考虑使用 3rd 方签名服务，该服务在发送后添加签名，为所有应用上的所有用户标准化。