如何使CSS媒体查询在Outlook / Gmail上正常工作？

Question

当我将以下代码编码为电子邮件并发送给我时，Outlook和Gmail（以及其他台式机电子邮件客户端）似乎同时呈现了 表（这是我遇到的问题尝试解决）。但是，当我在手机上查看时，它符合CSS媒体查询，并且 only 仅显示带有“ mobile”类的表元素。我不确定为什么会这样，我做错了什么吗？这是我的代码：

from lxml import html

with requests.Session() as s:
    s.headers={"User-Agent":"Mozilla/5.0"}
    res = s.get(url)
    source = html.fromstring(res.content)
    plot = [item.text_content() for item in source.xpath('//p[preceding::h2[1][span="Plot"]]')]
    print(plot)

以下是Outlook渲染的屏幕截图：

这是我的移动设备渲染的屏幕截图：

Answer 1

据我所知，不幸的是，Outlook确实没有对媒体查询提供任何可靠的支持，并且在涉及移动响应电子邮件时经常被“忽略”。

此链接here应该有助于解释电子邮件的响应能力，并为您提供大量详细信息。

要创建html电子邮件，我经常使用第三方软件，因为为不同的邮件客户端进行编码确实很痛苦。 我使用beefree.io创建电子邮件模板，可以仅以HTML 5格式下载。