在移动屏幕上隐藏包装器

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 内容。 那里真的不存在。

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