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

标签 html css gmail media-queries html-email

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

有没有一种方法可以针对 HTML 电子邮件中的特定分辨率更改颜色、边框、背景和其他 CSS 规则,并且该代码可以在包括 Gmail 在内的所有电子邮件客户端中工作?

最佳答案

虽然 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(也忽略所有样式表)这样的客户端将显示移动版本。

关于html - 是否有适用于 Gmail 应用程序的媒体查询的解决方法/替代方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36599213/

相关文章:

javascript - X 轴域线与 d3 条笔划重叠

javascript - 如何隐藏禁用滚动但能够使用书签?

javascript - GMail "Loading..."横幅是如何工作的?

css - 为什么应用负 margin 权不起作用?

css - 如何在 HTML 输入对象下使用 JavaScript 覆盖包含 '!important' 的 css?

ruby - 使用 Ruby 为 Gmail IMAP 访问生成 SASL XOAUTH2 客户端响应

Gmail 向自己发送邮件并在收件箱中查看

javascript - 如何获取特定 ul 的选中复选框

php - 创建一种从 JSON 日期时间搜索日期范围的方法

javascript - 输入类型 ="time"的 Chrome 内置选择器在最小/最大属性更改后阻塞输入