html - 有没有办法在 gmail 中隐藏图像以构建 html 响应式电子邮件？

Question

我正在构建一个必须在桌面上隐藏图像并在移动设备上显示的电子邮件。唯一可以做到这一点的方法是使用 gmail 不支持的 display none。

我想知道是否有任何其他方法可以在桌面版本上隐藏图像，以便我可以使用媒体查询在移动版本中设置电子邮件的样式。

问题仅在 gmail 中

非常感谢

Answer 1

在桌面的内联样式中，使图像的宽度 和高度 0。然后使用响应式媒体查询 CSS 将图像恢复到适当的大小。

编辑:尝试将 mso-hide:all; 添加到您的内联 css 中，以修复 Outlook 的问题。