与其他邮件客户端相比，Outlook呈现的HTML标记不同

Question

我为自己的网站创建了一个电子邮件模板。当我在Outlook 2013中查看该电子邮件模板时，我的布局已经崩溃了。但是，我在gmail等其他邮件客户端获得了预期的电子邮件模板。

我知道，outlook渲染使用“Microsoft word引擎”，但我无法弄清楚我的代码出错了。这是我用过的代码

.header img{
     margin-left: 25px !important;
     margin-top: 46px !important; 
     vertical-align: center; 
}
.footer-social-links{
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}

Answer 1

Outlook无法使用小写字母m识别margin。此外，它还有对保证金的错误支持。例如，不支持margin-top。

• https://www.campaignmonitor.com/css/box-model/margin/

如需更换保证金，请考虑使用line-height或间隔表。

祝你好运。