Question

在编码方面有点业余爱好者......特别是涉及到电子邮件模板时。我很难让G-mail真正隐藏和正确显示内容。我在这里搜索并找到了一些我认为有帮助的答案，但它似乎不适合我的代码。从现在开始转发时不担心代码。

以下是具体图片的代码部分。会喜欢它的一些眼睛，也有一些帮助。一切都在一张桌子上，并且在普通浏览器中工作正常......只是专门寻找G-mail的帮助。

CSS：

@media only screen and (min-width: 480px) {

  .mobilechart {
    display: none !important;
  }
}

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

  .desktopchart {
    display: none !important;
  }

HTML：

<tr>
  <td style="background-repeat:no-repeat;background-position:right;" >
    <div class="desktopchart">
      <img src="https://cdn.maropost.com/pro/uploads/account_415/77640/TC-Email_Template_DESKTOPCHART.jpg" style="width:100%;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;" >
    </div>
    <div class="mobilechart">
      <img src="https://cdn.maropost.com/pro/uploads/account_415/77641/TC-Email_Template_MOBILECHART.jpg" style="width:100%;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;" >
    </div>
  </td>
</tr>

Answer 1

将我的回答重新发送到this question：

这里的坏消息是，遗憾的是，GMail尚不支持媒体查询，也不支持display，overflow或visibility属性。

有关详细信息，请参阅Campaign Monitor's CSS Support Guide for Email Clients。

除了重写您的简报以使其完全流畅，而不是试图使其响应时，我担心在这里没有真正的解决方案。

用于隐藏和显示图像的电子邮件模板＆amp;文本

1 个答案: