Gmail回应电子邮件 - 媒体查询 - 样式标签 [英] Gmail Responsive Email - Media Queries - Style Tag

问题描述

请参阅：
Gmail应用程式（Android）上的回应电子邮件

我想要建立一个回应式电子邮件，客户端。 Gmail从我们的头/身体剥离我的风格标签，因此也被剥离。

我已经使用Email On Acid测试，Gmail只显示两个版本！ / p>

这里的解决方案是什么：

1）使用框架？ - 甚至这些使用风格/媒体查询

2）外部样式表 - 有没有办法使这项工作？

任何人都找到了这个问题的永久解决方案。任何建议，我将非常感谢！ ：）

解决方案

Gmail要求所有样式都是内联的，它会删除所有媒体查询，头...如果你没有这样编码，我建议通过这个 http：// beaker运行你的整个电子邮件.mailchimp.com / inline-css 可能会解决问题。

还值得一提的是，如果你没有使用属性选择器与您的媒体查询，那么它会变得滑稽在yahoo我通常开始响应电子邮件从这里

http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978

See here: Responsive emails on Gmail app (Android)

I'm trying to build a responsive email for use in all email clients. Gmail is stripping my style tags from the head/body and the queries are therefore also stripped.

I've tested using Email On Acid and Gmail just displays both versions!

What is the solution here:

1) Using a framework? - even these use style/media queries

2) External stylesheet - is there any way to make this work?

Has anyone found a permanent solution for this issue. Any advice would me much appreciated! :)

解决方案

Gmail requires that all styles be inline, It will strip out all media queries and really anything that you have in the head... If you have not coded this way i would suggest running your entire email through this http://beaker.mailchimp.com/inline-css Might solve the issue right out.

Also worth mentioning if you are not using attribute selectors with your media queries then it is going to look funny in yahoo i usually start responsive emails from here

http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978

这篇关于Gmail回应电子邮件 - 媒体查询 - 样式标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！