html-email - 在手机屏幕上隐藏包装

Question

我试图在移动屏幕上“隐藏”包装器“”，而不是通过实际隐藏它或“不显示它”，而是通过将填充设置为 0px。我最初的方法是使用媒体查询，但我的尝试失败了。

下面是媒体查询的样式：

<mj-head>
  <mj-style>
    .wrapper-fix div {
        padding: 0px 50px !important;
    }
    @media only screen and (max-width: 480px){
      .wrapper-fix div {
        padding: 0px 0px !important;
        }
    }
  </mj-style>
</mj-head>

下面是包装器：

<mj-wrapper css-class="wrapping-fix" background-color="#fff">
  <mj-include path="./somecontent.mjml" />
</mj-wrapper>

上面的方法不起作用。我的理解是 50/0px 在内联后添加到标签中 - 电子邮件的实际 html 内容。那里并不存在。

有没有人设法做这样的事情？如何解决？有没有其他选择？