Outlook.com (Hotmail) 段落间距问题

Question

我正在为我工​​作的公司创建一个 HTML 签名，所以我进行了一些调查，并开始使用内联样式和原生 html 属性对其进行编码。我没有使用 Litmus 之类的测试服务对其进行测试，由于预算限制，这可能不是一个选项。

这是我所做的：
- 使用 MS Outlook 2007 创建空签名
- 使用 Notepad ++ 进行编辑
- 我所有的代码都有内联样式和原生 html 属性，所以没有 css 类

长话短说，一切都很好，但是当我向 Outlook.com(hotmail) 发送电子邮件时，我遇到了这个奇怪的间距问题。看起来我的表格中的几乎所有东西（用于布局）都用这种特殊样式包裹在 p 标签中。例如。

//These values are just for reference
line-height:143%;
margin:0 0 1.3pt 0;

为了消除我在测试时遇到的所有错误，我做了以下步骤：

我已经在原生 html 属性和内联 css 中设置了宽度和高度

使用

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

强制最大的 HTML/CSS 支持

对无效的间距问题使用了已知的修复方法

    <style>
      .ExternalClass p.ecxMsoNormal {
        line-height: 100% !important;
        margin: 0 0 0 0 !important;
      }
    </style>

尝试在 td 中设置背景，但未能成功解决此问题，因此我只制作了 1px 宽的图片并将其拉伸到所需的宽度，但高度保持不变以产生类似条纹的效果。

我想在页面上拉伸图像，宽度设置为 100%，其容器 td（和表格）也设置为 100%，但它不起作用。表格和 td 相应地拉伸，但图像凭空收到了 32px 的固定值，所以我也无法弄清楚。

就是这样，我希望你们中的一些人能指出我正确的方向。

Answer 1

这里的罪魁祸首是 MS Outlook（桌面应用程序）。它在将我的 html 电子邮件发送到目的地之前对其进行编辑，并从 head 部分中删除所有内容，它还添加了自己的样式和许多其他规则。

将几乎所有内容都包装在

和 标签中，然后发送电子邮件。所有对 标签具有“noraml”规则的电子邮件客户端看起来或多或少都可以，但是对于 标签（上面提到的）具有这种愚蠢格式的 Outlook.com 会使邮件反汇编且丑陋。

所以我使用 Mozilla Thunderbird 发送 HTML 电子邮件，解决了我遇到的所有问题。