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

时间:2014-02-27 15:32:35

标签: css responsive-design gmail media-queries html-email

  

见这里:   Responsive emails on Gmail app (Android)

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

我使用Email On Acid测试,Gmail只显示两个版本!

这里有什么解决方案:

1)使用框架? - 甚至这些使用样式/媒体查询

2)外部样式表 - 有没有办法让这个工作?

是否有人为此问题找到了永久解决方案。任何建议我都非常感谢! :)

1 个答案:

答案 0 :(得分:2)

Gmail要求所有样式都是内嵌的,它会删除所有媒体查询以及您头脑中的任何内容...如果您没有这样编码,我建议您通过此{{3}运行整个电子邮件可能会立即解决问题。

另外值得一提的是,如果你没有在媒体查询中使用属性选择器,那么它在雅虎看起来很有趣我通常会从这里开始响应电子邮件

http://beaker.mailchimp.com/inline-css