Html 我如何让这个响应css在Android的Gmail上工作？

我稍微修改了Litmus.com为我自己的项目创建的响应电子邮件模板。在开发者的工具移动视图中查看时，它的行为与我在浏览器（Chrome）中预期的一样。然而，当在Android 7.1.2 Nougat（非imap账户）的Gmail应用程序中查看时，这个设计看起来非常不同。我很想看看发生了什么，但我无法查看引擎盖下的内容，因为无法查看应用程序上呈现的代码

例如，文本没有居中对齐，图像看起来很小，按钮没有跨越整个宽度。下面是一个屏幕截图，对比了Chrome和Android的Gmail应用程序中的移动视图

我从各种渠道读到，Gmail应用程序支持通过媒体查询响应css，所以我很困惑。我已经为此工作了相当长的一段时间，现在觉得卡住了。如果您能提供正确方向的解决方案或建议，我们将不胜感激

这是我的密码。

---

看起来您的电子邮件是通过混合编码堆叠列，但通过媒体查询的对齐方式没有生效。这可能是因为媒体查询支持并未扩展到所有Gmail电子邮件产品。根据Android版本和电子邮件类型（您的电子邮件是POP帐户吗？），一些Gmail产品仍会忽略媒体查询中的任何内容

下面是卷展栏位置的快速细分：

---

看起来您的电子邮件是通过混合编码堆叠列，但通过媒体查询的对齐方式没有生效。这可能是因为媒体查询支持并未扩展到所有Gmail电子邮件产品。根据Android版本和电子邮件类型（您的电子邮件是POP帐户吗？），一些Gmail产品仍会忽略媒体查询中的任何内容

下面是卷展栏位置的快速细分：

---

我注意到，如果媒体查询中有空格，那么Gmail就不能正常工作。我删除了周围的空格

@media screen and (max-width:525px), screen and (max-device-width:525px)     
{
}

这是我使用的代码，它在Gmail应用程序android中运行良好

@media only screen and (max-width:480px) {
.wrapper{background-color:#ff0000 !important;}
}

我刚刚测试了一下，效果很好。我的Gmail应用程序版本是

7.8.13.166937981

---

希望以上内容能有所帮助。

我注意到，如果媒体查询中有空格，那么Gmail就不能正常工作。我删除了周围的空格

@media screen and (max-width:525px), screen and (max-device-width:525px)     
{
}

这是我使用的代码，它在Gmail应用程序android中运行良好

@media only screen and (max-width:480px) {
.wrapper{background-color:#ff0000 !important;}
}

我刚刚测试了一下，效果很好。我的Gmail应用程序版本是

7.8.13.166937981

---

希望以上内容能有所帮助。

对于电子邮件，您可以使用XHTML0.1它的工作面糊？我将其更改为，但没有影响它。对于电子邮件，您可以使用XHTML0.1它的工作面糊？我将其更改为，但没有影响它。我正在使用带有标准Gmail帐户的Android 7.1.2 Nougat的Gmail应用程序进行测试。据我所知，这不是一个imap或pop帐户。我正在使用Gmail应用程序Android 7.1.2 Nougat和一个标准的Gmail帐户进行测试。据我所知，它不是imap或pop帐户。我像这样压缩响应css：我像这样压缩响应css：但它对我不起作用。我使用的Gmail版本与你在安卓7.1.2上使用的版本相同。我是否错误地删除了CSS中的空格？如果这不是太多的要求，你能给我看一个屏幕截图，它看起来如何，你是如何删除空格使其工作的吗？我仍然看到空格

max width:525px

在这两种情况下删除525px之前的空格，然后再试一次。我也尝试过，但没有成功。作为测试，我把这两个版本都发送到我朋友的gmail账户，在他的手机上看起来也没什么不同。他的像素手机上有最新的操作系统和gmail应用程序。你使用的是什么型号的手机和操作系统版本？在最坏的情况下，我听说有些人会使用一些技巧，迫使电子邮件看起来与Gmail上的桌面版本相同。你认为这是一个可行的方法吗？我像这样压缩了响应css：我像这样压缩了响应css：但它不适合我。我使用的Gmail版本与你在安卓7.1.2上使用的版本相同。我是否错误地删除了CSS中的空格？如果这不是太多的要求，你能给我看一个屏幕截图，它看起来如何，你是如何删除空格使其工作的吗？我仍然看到空格

max width:525px

在这两种情况下删除525px之前的空格，然后再试一次。我也尝试过，但没有成功。作为测试，我把这两个版本都发送到我朋友的gmail账户，在他的手机上看起来也没什么不同。他的像素手机上有最新的操作系统和gmail应用程序。你使用的是什么型号的手机和操作系统版本？在最坏的情况下，我听说有些人会使用一些技巧，迫使电子邮件看起来与Gmail上的桌面版本相同。你认为这是一个可行的方法吗？