按照写网页的习惯,的把 css 写在 header 里,样式在 Outlook 和 Mail 客户端都能够正常显示。但是,发现在 Gmail 的 Web 界面上,移除了 body 及其外部的所有代码。
Email HTML 如下:
<!doctype html>
<head>
<meta charset="UTF-8" />
<style type="text/css">
.title { color: red }
</style>
</head>
<body>
<h2 class="title">Email title here</h2>
</body>
</html>
邮件发出后,在 Gmail 里看到的邮件内容代码只剩下了:
<h2 class="title">Email title here</h2>
如果想在 Gmail 里正确的显示样式,目前只发现下面的方式才显示正常:
<h2 style="color: red">Email title here</h2>
难道,整封邮件只能这样实现了么,有别的方法吗?
经过google搜索,发现gmail目前支持inline的css方式。
•这里http://www.campaignmonitor.com/css/可以找到各个邮件客户端对css样式的支持情况。
•这里还有一篇不错的文章: http://groundwire.org/labs/email-publ...,介绍了一些在email中使用html和css的最佳实践。
•Why gmail blocked the css? http://stackoverflow.com/questions/15...
看来只能悲剧的inline了。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。