响应式Outlook签名

时间:2015-01-12 13:12:24

标签: html css responsive-design outlook signature

您好可以为Outlook添加响应式签名。我的html doc在互联网浏览器中起作用,但在电子邮件中却没有。有任何想法吗?

这是我的代码(我在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>

任何有关这方面的帮助都会很棒(如果可能的话)

感谢

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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