从移动设备发送时,Html电子邮件模板无效

时间:2015-07-02 11:49:38

标签: html email email-templates

我有电子邮件模板,这是在firebug Linux中配置它在那里工作得很好,但是当相同的模板配置在手机中它没有工作搞乱的徽标和CSS。 代码如下所示。

<style>span,p,a{font-size:11px;text-transform:uppercase;color:#7f7f7f;font-family:Calibri,Arial,sans-serif;margin:0;padding:0;line-height:11px}</style>
<body>
<div style="width:415px;height:293px">
<div style="width:5px;float:left">
<div style="height:100%;width:100%">
<img style="height:290px" src="http://example.com/line.png" />
</div>
</div>
<div style="width:88%;float:left;padding:5px 0 0 10px">
<p style="clear:both;line-height:12px">
<span style="text-transform:uppercase;font-weight:bold">Example Name</span>
<span style="font-size:10px;vertical-align:top"> |</span>
<span style=""> example name </span>
</p>
<p style="margin:5px 0 3px;padding:0;clear:both;line-height:10px"></p>
<p style="margin:10px 0;padding:0;clear:both;line-height:12px">
<img src="http:www.demo.com/signature_logo/logo.png" alt="Logo" style="width:150px"/>
</p>

</div>
</div>
</body>

1 个答案:

答案 0 :(得分:1)

代码? 可能你添加了CSS代码内部<head></head>

大多数电子邮件客户端会删除<body>标记

以上的所有内容

修改

现在我看到了你的错误。在您的徽标图像中放入正确的协议:

http:www.demo.com/signature_logo/logo.png不正确

http://www.demo.com/signature_logo/logo.png正确

并将<style>标记放在<body>标记下以最大限度地提高兼容性。