Gmail 未呈现模板中提供的 CSS

Question

我正在从我的 BE 邮件服务器发送电子邮件模板。此实现的细节并不重要。

当电子邮件到达 Gmail 收件箱时，会显示 html，但没有 CSS。

我尝试了什么
我尝试的第一件事是使用内联工具（如 Mailchimp 的内联工具）内联整个嵌入式 CSS（标签）。

此后，它起作用了。这是因为所有样式都是为各个元素内联设置的。

这对我来说不太方便，因为在发送电子邮件之前需要有一个后处理期，并且需要 BE 或 my 上的插件来手动完成。 （注意：我通过使用类编写 HTML 和 CSS 来创建模板，就像常规的 html 页面一样）。

Gmail 采用嵌入式 () CSS 是否存在问题，因为在我使用的其他一些模板上，类和媒体查询工作得很好？

Answer 1

我发现使用的内联 CSS 工具不仅为单个元素添加了样式，而且还减少了整体代码。

这意味着代码更短，Gmail 以这种方式接受它。

结论

我发现 Gmail 只允许在一个嵌入式 CSS 中最多使用 16KB 的字符 (<style>
)。

在本文中

解释了 Gmail 如何处理超过 16kB 的多余 CSS 代码。它把它切断了，这就是为什么 CSS 根本不可见的原因。 文章中的

解决方案

：

缩小 - 删除样式周围不必要的空白。你 可以手动执行此操作或使用某些工具，但请确保使用某些工具 专为电子邮件而不是网络而构建，以避免任何问题。
Uglify - 将类名更改为较短的可能不可靠的名称， 因此.两列布局{}可以变成.col2{}甚至.a{}。又是你 可以手动或使用某些电子邮件特定工具来完成此操作。
使用多个样式块 - 如果您有多个块 Gmail 仅当总大小超过 16kb 时才会开始删除。

就我而言，我在之前的模板工作中使用了一些多余的 CSS，这就是导致该

<style>

内容的 CSS 总大小超过 16kB 的原因。

Answer 2

我已经尝试了以下代码

在Google文档中被标记为已接受

但样式标签被删除。 <style>

这不是 16 kb 的 CSS。

知道发生了什么事吗？ Gmail 的限制越来越多了吗？