响应式 Outlook 签名答案

【问题标题】：Responsive Outlook Signature响应式 Outlook 签名
【发布时间】：2015-01-12 13:12:23
【问题描述】：

您好，是否可以向 Outlook 添加响应式签名。我有我的 html 文档，它可以在 Internet 浏览器中响应，但不能在电子邮件中响应。有任何想法吗？

这是我的代码（我已在 Outlook 中作为 html 签名导入）

<html>
<head>
<title>Signature</title>

<style>
    .mainImage{

    }
    .someText {
     background-color: blue;
                }

    @media only screen and (min-width:480px){
            .mainImage{
                       width: 50%;
                       float: left;
                                                }
     .someText {
                        width: 50%;
                        float: right;
                                                }
    }
</style>

</head>
<body >
<div class="mainImage">
                <IMG SRC="./MyApps/bouncy-cat-icon.png" WIDTH="100%" HEIGHT="auto" STYLE="BACKGROUND-COLOR:BLACK; max-width: 300px"/>
</div>
<div class="someText">
<P>TESITDFNGLEDG JLDBJLS GHSJETDJ</P>
</div>
</body>
</html>

对此的任何帮助都会很棒（如果可能的话）

谢谢

【问题讨论】：

标签： html css responsive-design outlook signature

【解决方案1】：

Outlook 中的 HTML 由 Word 而非 IE 呈现。它做了一些不同的事情，并且根本不支持某些 HTML 功能。

【讨论】：

【解决方案2】：

Microsoft Office Outlook 使用 Microsoft Office Word 中的 HTML 解析和呈现引擎来显示 HTML 邮件正文。以下系列文章描述了限制和可能性，提供了与支持和不支持的 HTML 元素、属性和级联样式表属性相关的参考文档：

【讨论】：