html - 电子邮件 [Gmail] 中的媒体查询?

标签 html email responsive-design gmail media-queries

我只是想向我的 friend /家人发送一些圣诞节电子邮件,我已经将它构建为完全响应等,就像我一直做的那样。但是,因为它只是给 friend 的,所以我不会通过 MailChimp 发送它,它通常会为我发送所有内容,没问题。

我尝试发送它的方式是打开 index.html 文件,全选,复制,然后粘贴到 Gmail 中。这在过去对我来说一直很有效,并且 有效。然而,这是我尝试以这种方式发送的第一封响应式电子邮件,而且媒体查询似乎没有以这种方式传递,至少在我刚刚进行的 gmail -> hotmail 测试中没有(调整窗口大小等)什么都不做,只显示桌面版本)。

除了在 Gmail 中复制/粘贴之外,是否有更好的方法来发送已构建的 HTML 电子邮件?

最佳答案

很遗憾,Gmail 不支持 <style>标签。媒体查询只能在 <style> 中调用标记,而不是内联,因此 Gmail 不支持它们。

这是 support chart .

我建议您坚持使用像 Mailchimp 这样的 ESP 来发送 html 电子邮件。但是当你在 Gmail 中玩耍时,here is a tool这可能会帮助您调试电子邮件代码的问题。

关于html - 电子邮件 [Gmail] 中的媒体查询?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20694542/

相关文章:

css - 有没有办法获得后备图像而不是显示动画 GIF 的第一帧?

CSS:响应式 UL/LI

html - 如何使网站的内容主体响应

css - 允许广告拦截插件为访问者屏蔽整个 div,以便网站看起来不至于半完整?

javascript - 网站的嵌入式覆盖聊天

html - 将可滚动的 div 放入表中

html - 媒体查询行为怪异

html - 为什么百分比填充会破坏我的 flex 元素?

html - 在 VB 6.0 中将 HTML 文件附加为电子邮件

php - 无法通过 php mail() 发送邮件