Question

我到处都在寻找答案。我正在使用Mailchimp撰写电子邮件广告系列。我有一些自定义CSS，带有针对移动样式的媒体查询。问题是Gmail无法识别媒体查询。其他移动电子邮件客户端是，但Gmail不是。

我已经联系Mailchimp，没有得到任何指导。我看过StackOverflow和其他文章，并尝试实现共享的想法。我没有运气。

感谢您的帮助。谢谢

这是我的电子邮件的CSS：

我已经尝试过使用属性选择器和类，但是都无法正常工作。

<style type="text/css">
.top-container img {
    display: inline-block;
    margin-right: 30px;
    }
   .content {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-top: 40px;
    width: 60%;
    }
   .content p {
    text-align: left;
   }
   @media only screen and (max-width:600px) {
    .content {
    width: 100%!important;
    }
    .content p {
    text-align: center;
    }
    .top-container img {
    margin-left: auto;
        margin-right: auto;
        display: block;
    }
   }
</style>

我想编写媒体查询以通过在移动视图中形成全角来使一些文本和图像居中。

Answer 1

@media屏幕和（最大宽度：767px）{}

为我尝试这项工作

自适应媒体在Gmail中的电子邮件模板中不起作用

1 个答案: