从 gmail 中剥离的媒体查询答案

【问题标题】：Media queries being stripped from gmail从 gmail 中剥离的媒体查询
【发布时间】：2020-11-23 21:04:25
【问题描述】：

我的电子邮件有一堆媒体查询，但它们似乎在 gmail 中被删除了。有人知道为什么是这样吗？ gmail不支持媒体查询吗？

这是我的查询，以防我做错了

    @media (max-width: 500px){
      .test-table {
       display: block !important;
      width: 100% !important;
      display: none;
      }
    }

【问题讨论】：

【解决方案1】：

Gmail 支持@media 查询。

它还会从头部删除格式错误的样式表或类。如果没有类test-table，它可能会剥离整个@media 查询。您没有发布您的代码，所以我无法确定。

尝试改变这个：

@media (max-width: 500px){

到这里：

@media screen and (max-width: 500px) {

如果缺少该类或更改 @media 查询是否可以解决问题，请告知我们。

祝你好运。

【讨论】：