克服Gmail的“在下方显示图片”（HTML电子邮件/媒体查询）

Question

我正在制作一个包含移动版和桌面版的HTML电子邮件。我实现这一目标的方法是制作两个单独的表，一个名为#desktop，另一个名为#mobile。在媒体查询（大约450px）的某个点上，我将#desktop的显示设置为无，并且它可以工作。在我的手机上，只有移动版本按预期显示;但是，在桌面上，当从gmail提示“在下面显示图像”时，点击它后，电子邮件的移动版本显示在桌面版本下方（即使它的显示自然设置为无）。

现在。我已经尝试了一百万种方法来解决这个问题。我已经调整了媒体查询。我给了#mobile隐藏它的余量，我将所有图像更改为背景图像，但出于某种原因，无论我做什么，我无法解决这个问题......有没有人有类似的经验，他们找到了解决方案？

Answer 1

我想我知道这里发生了什么，因为你没有给出任何代码，我会在黑暗中刺伤。要使移动版本完全隐藏，您需要将图像设置为1px x 1px或0px x 0px。

您正在使用CSS控制移动版本，因此您可以定位每个图像并为其指定100％的宽度和自动重要的高度。

让我知道它是否适合你。