Gmail响应式电子邮件 - 媒体查询 - 样式标签

Question

3

我正在尝试构建一个响应式电子邮件，以便在所有电子邮件客户端中使用。 Gmail会从头部/正文中剥离我的样式标签，因此查询也被剥离了。

我已经使用Email On Acid进行了测试，但Gmail仅显示两个版本！

解决方案是什么：

1）使用框架？-即使这些也使用样式/媒体查询

2）外部样式表-有没有办法让它起作用？

是否有人找到了这个问题的永久解决方案。任何建议都将不胜感激！ :)

- Luke

HTML邮件在各种客户端中的显示本身就已经是一场噩梦。让它响应式显示则是第二个噩梦。除非你有一个客户愿意为你熬夜进行研究和测试（并且没有保证），否则我建议你放弃……但我知道这不是任何人期望得到的答案。 - Laurent S.

可能重复：https://dev59.com/tGYr5IYBdhLWcg3whKmt#13611105 - John

如果你正在寻找一个框架，可以看看 Zurb 的 Ink responsive email framework。它非常可靠，我目前正在为 GitHub 的 HTML 邮件使用它。 - Joel Glovier

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Travis · Accepted Answer

Gmail要求所有样式都是内联的，它会剥离所有媒体查询和头部中的任何内容...如果您没有按照这种方式编码，我建议您通过http://beaker.mailchimp.com/inline-css将整个电子邮件都运行一遍，也许能解决问题。

另外值得一提的是，如果您在媒体查询中没有使用属性选择器，那么在雅虎（Yahoo）中看起来会很奇怪，我通常从这里开始创建响应式电子邮件。