克服Gmail的"Display Images Below"(HTML电子邮件/媒体查询)



我正在制作具有移动设备和桌面版本的HTML电子邮件。我完成的方式是制作两个单独的表格,一个具有#DeskTop的ID,另一个具有#Mobile。在具有媒体查询(约450px)的某个点上,我将#Desktop的显示设置为无,并且可以使用。在我的手机上,只有移动版本显示为预期;但是,在桌面上,当从Gmail下方使用"显示图像"提示时,单击它后,将显示桌面版本下方的电子邮件的移动版本(即使它的显示自然设置为无))。

现在。我已经尝试了一百万方法来解决这个问题。我已经调整了媒体查询。我给了#Mobile一个掩盖它的边距,我将所有图像更改为背景图像,但是由于某种原因,无论我做什么,我都无法解决这个问题...有人有类似的经验,他们找到了解决方案?

我想我知道这里发生了什么,由于您没有任何代码可以使用的代码,所以我会在黑暗中刺伤。为了使移动经文完全隐藏,您需要将图像设置为1PX x 1px或0px x 0px。

您正在使用CSS来控制移动版本,因此每个图像都可以定位每个图像,并为其宽度为100%,高度自动都很重要。

让我知道它是否适合您。

最新更新