css 电子邮件:隐藏所有桌面客户端中的图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 电子邮件:隐藏所有桌面客户端中的图像相关的知识,希望对你有一定的参考价值。

table[class="mob-show"],
tr[class="mob-show"],
td[class="mob-show"],
span[class="mob-show"],
a[class="mob-show"],
img[class="mob-show"] {
  display: none !important;
  font-size: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
  mso-hide: all !important;
}

@media (max-width: 480px) {
  table[class="mob-hide"],
  tr[class="mob-hide"],
  td[class="mob-hide"],
  span[class="mob-hide"],
  a[class="mob-hide"],
  img[class="mob-hide"] { display: none !important; }
  
  table[class="mob-show"],
  tr[class="mob-show"],
  td[class="mob-show"],
  span[class="mob-show"],
  a[class="mob-show"],
  img[class="mob-show"] {
    display: block !important;
    font-size: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: 999px !important;
    line-height: auto !important;
    padding: 0 !important;
    visibility: visible !important;
    mso-hide: none !important;
  }
}

class="mob-show" style="display: none; font-size: 0; width: 0; height: 0; max-height: 0; line-height: 0; padding: 0; visibility: hidden; mso-hide: all;"

以上是关于css 电子邮件:隐藏所有桌面客户端中的图像的主要内容,如果未能解决你的问题,请参考以下文章

css HTML电子邮件:隐藏移动/桌面上的内容

不同的电子邮件客户端和不同的阅读格式如何处理电子邮件中的 CSS?

如何动态调整电子邮件客户端中的图像大小?

Base64 图像到 gmail

html 电子邮件中的背景图像 css - Gmail 不支持

如何为不受支持的客户端将 HTML 电子邮件中的 GIF 替换为不同的图像