在Python Flask/Jinja中为HTML邮件使用媒体查询

Question

我想在用 jinja 生成的 HTML 邮件中使用 媒体查询。问题是，为了让邮件中的 CSS 被识别，我必须把 CSS 写在每个元素的内联样式里，而媒体查询显然不能这样写。有没有什么好的解决办法呢？

Answer 1

不同的邮件客户端对CSS的支持差别很大。建议你看看CSS终极指南（请点击“下载海报”来获取完整内容）。你会发现像Gmail这样的客户端在允许使用的CSS上非常有限。根据我所知道的，似乎没有办法实现你想要的效果。

Answer 2

其实没有什么好的解决办法。你可以把媒体查询放在一个 <style> 标签里，但要注意，Gmail是不支持这种写法的。Gmail要求所有的样式都要写在行内，也就是直接放在标签里。你可以试试这个 工具，它可能会对你有帮助。