邮件模板中的CSS不起作用

Question

我尝试从一些简单的邮件服务发送邮件，它工作得很好，但在其他系统中，CSS无法加载并显示在邮件正文中。 有类似的东西：

<style type="text/css">
    @media only screen and (max-width: 480px) {
        body,
......
</style>

我在开始时看到

@media only screen and (max-width: 480px) {
        body,

该文档很长，所以我不想将每个单元格属性更改为CSS中的属性。没有重组所有代码，有没有办法做到这一点？

@edit：另一个系统是SysAid，它是一个帮助台系统。我试图将默认电子邮件通知更改为更好的内容。

Answer 1

这是media query support chart。

你在内联你的CSS吗？您需要特别针对Gmail执行此操作，因为它根本不支持<style>标记。

以下是list of CSS inlining tools，因此您无需复制和粘贴。

Answer 2

电子邮件应用程序和服务不支持媒体查询。您可以参考this excellent chart from Campaign Monitor，它将帮助您编写兼容的电子邮件模板。