是否有适用于Gmail应用的媒体查询的解决方法/替代方案?

时间:2016-04-13 13:00:38

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

好的,经过长时间的研究后,我仍然无法找到适用于Gmail的媒体查询的替代方案。有解决方法吗?

有没有办法改变HTML电子邮件中特定分辨率的颜色,边框,背景和其他CSS规则,以及该代码适用于包括Gmail在内的所有电子邮件客户端?

1 个答案:

答案 0 :(得分:0)

虽然Gmail不支持媒体查询是正确的,但如果您构建它以适合默认版本(内联样式)中的Gmail应用程序并使用媒体查询和嵌入式样式表进行样式,您仍可以执行此操作它在桌面版上。

(首先是' Gmail优先代码 - http://labs.actionrocket.co/the-hybrid-coding-approach-2)的良好开端

对于Gmail网络客户端,您可以尝试使用lang':http://freshinbox.com/blog/interactive-emails-in-gmail-using-css-attribute-selectors/

这个选项绝不是一个通用的解决方案,因为它需要相当多的代码和全面的测试。此外,并非所有样式都通过电子邮件客户端的媒体查询和嵌入式样式表接受。

这也意味着像Google Apps这样的客户(也会忽略所有样式表)会显示移动版本。