0

我正在尝试让媒体查询处理 HTML 电子邮件。我已经使用 Gmail 使用 IOS 手机进行了很多测试，但仍然没有找到任何可行的解决方案。

我一直在使用 MJML 来尝试让它工作。显示它应该可以正常工作，但我发送电子邮件并且媒体查询不起作用。

https://mjml.io/try-it-live/HkO_hEkqr

我正在 iPhone 5s Gmail 版本 6.0.190822 上对其进行测试

我想要实现的主要目标是有文字

在桌面上：

Left text                           Right Text

在移动中心文本上：

                Left text
               Right text
4

1 回答 1

0

Gmail 将在某些版本（IMAP/POP - 请参阅Rémi Parmentier 的庞大解释）以及包含无效代码或属性选择器（即您的p[id="mobile"]）的情况下去除 CSS。

因此，首先更改p[id="mobile"]为p#mobile，实际上，根据 HTML 判断，应该是p#mobile-center.

因此，您可以通过这种方式满足大多数人的需求，但某些 Gmail 版本除外。那么，为了满足所有人的需求，你真的希望默认的核心响应行为，而不依赖于嵌入式 CSS。对于那些支持它的人，您仍然可以在嵌入式 CSS 中进行一些增强。

@media要在不使用查询或嵌入 CSS 的情况下实现响应式行为，请参阅混合电子邮件方法。

于 2019-11-19T04:12:12.023 回答