邮件 CSS 不适用?
我不知道现在发生了什么事。我用非常简单的 CSS 组合了一个简单的页面。我使用表格是因为我知道你不能像正常的电子邮件那样使用 div 元素。因此,在我的浏览器中查看后,它看起来像这样:
https://i.sstatic.net/8FBtf。 png
通过邮件发送后(单元格数据已被替换):
https://i.sstatic.net/tuXvA.png
所以 CSS 根本不适用!
这是 HTML 和 CSS:
有什么想法吗?
I have no idea what's going on now. I threw together a simple page with very simple CSS. I used tables cause i know you can't use div elements like normal for emails. So after viewing it in my browser, it looks like this:
https://i.sstatic.net/8FBtf.png
And after sending it through mail (the cells data has been replaced):
https://i.sstatic.net/tuXvA.png
So the CSS doesn't apply at all!
Here's the HTML and CSS:
Any ideas?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
大多数电子邮件客户端仅读取通过
style=
标签内联提供的 CSS,Mailchimp 提供了一个很好的工具来自动执行此操作:CSS 内联工具
Most e-mail clients only read the CSS if it is provided inline through
style=
tags, Mailchimp provides a great tool to do this automatically:CSS Inliner Tool
电子邮件中的 CSS 仅得到部分支持,并且客户端之间的支持差异很大。看看 http://www.campaignmonitor.com/css/
您可能需要将所有 CSS 内联以提高兼容性。
CSS in e-mail is only partially supported and support differs greatly amongst clients. Have a look at http://www.campaignmonitor.com/css/
You probably need to have all CSS inline for more compatibility.
请考虑 fi gmail 从 HTML 模板中删除了样式定义。
您可以使用解决方法并直接在元素中包含样式信息,如下所示
要像现在一样使用 css,只需使用 css 解析器并通过正则表达式将其附加到元素
问候
please consider that f.i. gmail strips out style definitions from the HTML template.
You can use a workaround and include style information direct in the element like this
To use your css like it is right now just use a css parser and attach it to the elements via a regular expression
Regards