Responsive design Emailer';s媒体查询无法在Pixel Android 7设备上运行

Responsive design Emailer';s媒体查询无法在Pixel Android 7设备上运行,responsive-design,html-email,Responsive Design,Html Email,我开发了一款响应迅速的电子邮件发送程序,除了不能在Pixel Android 7设备上工作外,它在所有设备上都能正常工作 它只是丢弃媒体查询并显示电子邮件程序的桌面版本 出现此问题的原因可能是什么?目前,Android不支持@media查询。Gmail的某些版本不支持它们,Outlook 2007、2010、2013和2016也不支持 根据@gwaly的回答,一些Android客户端不支持媒体查询。如果问题中的电子邮件客户端是Gmail,它可能仍然不支持媒体查询,具体取决于测试的Gmail产

我开发了一款响应迅速的电子邮件发送程序,除了不能在Pixel Android 7设备上工作外,它在所有设备上都能正常工作

它只是丢弃媒体查询并显示电子邮件程序的桌面版本


出现此问题的原因可能是什么?

目前,Android不支持
@media
查询。Gmail的某些版本不支持它们,Outlook 2007、2010、2013和2016也不支持


根据@gwaly的回答,一些Android客户端不支持媒体查询。如果问题中的电子邮件客户端是Gmail,它可能仍然不支持媒体查询,具体取决于测试的Gmail产品

虽然Gmail在2016年推出了主要的媒体查询支持,但此次更新并没有涵盖所有Gmail产品。雷米·帕门蒂埃做到了:

除了@gwally发布的链接,还有一个很好的支持分类



因此,例如,如果你的像素手机使用Gmail发送POP/IMAP电子邮件,媒体查询将不起作用,我们应该看到桌面版的缩小版混合电子邮件设计可以在不支持媒体查询的移动客户端中创建电子邮件布局堆栈。如果这是您想了解的内容。

您是说您设计了一个html页面,还是指电子邮件本身或其他内容?我只使用表结构开发了html电子邮件电子邮件,虽然我不知道android设备,但如果您在上面查看电子邮件,而媒体查询不起作用,那么,它可能不允许在电子邮件中进行媒体查询。除非设备上有某种设置允许它,否则媒体查询似乎必须有某种方法才能在像素设备上尤其有效!或者像素设备具有更高的分辨率,因此它采用桌面版本,因此丢弃媒体查询。您可以通过添加桌面媒体查询来验证该部分,并查看ti是否在设备上工作,如果不工作,则您将知道。你是怎么查这封邮件的?使用应用程序?如果是这样的话,那么你就只能任由应用程序摆布了。如果它是一个像素,那么默认情况下它将使用Gmail,它确实支持媒体查询。所以可能是CSS错误或非gmail地址。@Gweslo,这是一个很好的观点。如果不知道Nag正在使用的设备或看到的代码,就无法判断。