响应式电子邮件 - 在 gmail 应用程序 (iOs) 中隐藏图像答案

【问题标题】：Responsive Email - Hide image in gmail app (iOs)响应式电子邮件 - 在 gmail 应用程序 (iOs) 中隐藏图像
【发布时间】：2021-04-19 23:08:34
【问题描述】：

在使用 Gmail 移动应用程序时是否可以隐藏图片？我在 iOS 上使用我的移动应用程序并尝试了 2 小时，但完全没有运气。

<style type="text/css">

     
@media only screen and (max-width:600px) {
            
    table.hide { display: none !important }
          
        
}

</style>

<table class="hide" align="right" width="324" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td align="left" style="padding: 40px 40px 0px 110px;"><img src="#" width="172" height="42" border="0" alt="Release"></td>
    </tr>
  </tbody>
</table>

【问题讨论】：

您是想仅在 Gmail iOS 上隐藏，还是为所有 Gmail 隐藏，还是什么？
我希望它隐藏在所有移动设备上，但我无法让它在 gmail 上运行。其余的在石蕊中看起来很好。
确保你有一个适当的<html>、<head> 和<body> 结构。 Gmail 仅支持 <head> 中的 <style> 元素。

标签： html css email responsive-design html-email

【解决方案1】：

您的代码对我有用，除了 different Gmail versions 和 Gmail IMAP/POP 是一种根本不支持类/嵌入式 CSS（它已被完全删除）。 Android 原生电子邮件也是如此。

也许正如@HTeuMeuLeu 所说，需要正常的结构。

这是我用的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title></title>
  <style type="text/css">
    @media only screen and (max-width:600px) {  
      table.hide { display: none !important }
    }
  </style>
  </head>
<body>
<table class="hide" align="right" width="324" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td align="left" style="padding: 0;"><img src="https://via.placeholder.com/172x42" width="172" height="42" border="0" alt="Release"></td>
    </tr>
      <tr>
      <td align="left" style="padding: 0;">This is a test</td>
    </tr>
  </tbody>
</table>    
</body>
</html>

【讨论】：