克服Gmail';s";在下面显示图像";(HTML电子邮件/媒体查询)

克服Gmail';s";在下面显示图像";(HTML电子邮件/媒体查询),html,css,email,media-queries,html-email,Html,Css,Email,Media Queries,Html Email,我正在制作一封HTML电子邮件,它有移动版和桌面版。我实现这一点的方法是制作两个独立的表格,一个id为“桌面”,另一个id为“移动”。在媒体查询(大约450像素)的某一点上,我将桌面的显示设置为“无”,它可以工作。在我的手机上,只有手机版按预期显示;然而,在桌面上,当gmail提示“在下面显示图像”时,点击后,移动版本的电子邮件会显示在桌面版本的下方(即使它的显示自然设置为“无”) 现在。我已经尝试了一百万种方法来解决这个问题。我已经调整了媒体查询。我给了#mobile一个空白来隐藏它,我把所有

我正在制作一封HTML电子邮件,它有移动版和桌面版。我实现这一点的方法是制作两个独立的表格,一个id为“桌面”,另一个id为“移动”。在媒体查询(大约450像素)的某一点上,我将桌面的显示设置为“无”,它可以工作。在我的手机上,只有手机版按预期显示;然而,在桌面上,当gmail提示“在下面显示图像”时,点击后,移动版本的电子邮件会显示在桌面版本的下方(即使它的显示自然设置为“无”)


现在。我已经尝试了一百万种方法来解决这个问题。我已经调整了媒体查询。我给了#mobile一个空白来隐藏它,我把所有的图片都改成了背景图片,但由于某种原因,无论我做什么,我都无法回避这个问题。。。有没有人在找到解决方案时有过类似的经历?

我想我知道这里发生了什么,既然你没有给出任何代码,我就大胆尝试一下。为了让mobile verison完全隐藏,您需要将图像设置为1px x 1px或0px x 0px

您正在使用CSS控制移动版本,这样您可以针对每个图像,为其提供100%的宽度和高度


让我知道它是否对您有效。

我想我知道这里发生了什么,既然您没有给出任何代码,我将在黑暗中冒险。为了让mobile verison完全隐藏,您需要将图像设置为1px x 1px或0px x 0px

您正在使用CSS控制移动版本,这样您可以针对每个图像,为其提供100%的宽度和高度


让我知道它是否适合您。

也许您也应该输入代码也许您也应该输入代码