如何让这个响应式 css 在 Gmail for Android 上工作？
How do I get this responsive css to work on Gmail for Android?
我稍微修改了 Litmus.com 为我自己的项目创建的响应式电子邮件模板。当在开发人员工具移动视图中查看时，它的行为与我在浏览器 (Chrome) 中预期的一样。但是，在 Android 7.1.2 Nougat（不是 imap 帐户）的 Gmail 应用程序中查看时，设计看起来非常不同。我想看看发生了什么，但我无法深入了解，因为无法查看应用程序上呈现的代码。
例如，文本未居中对齐，图像看起来很小，按钮未跨越整个宽度。这是 Chrome 中的移动视图与 Android 中的 Gmail 应用程序视图并排比较的屏幕截图。
我从各种来源了解到，Gmail 应用程序支持通过媒体查询响应 css，所以我很困惑。我已经为此工作了很长一段时间，并且感到卡住了。非常感谢任何在正确方向上提供解决方案或建议的帮助。
这是我的代码。
https://codepen.io/anon/pen/mMoNqm
<!DOCTYPE html>
看起来您的电子邮件正在通过混合编码堆叠列，但通过媒体查询进行的对齐并未生效。这可能是因为媒体查询支持没有扩展到每个 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.
希望以上内容对您有所帮助。
我稍微修改了 Litmus.com 为我自己的项目创建的响应式电子邮件模板。当在开发人员工具移动视图中查看时，它的行为与我在浏览器 (Chrome) 中预期的一样。但是，在 Android 7.1.2 Nougat（不是 imap 帐户）的 Gmail 应用程序中查看时，设计看起来非常不同。我想看看发生了什么，但我无法深入了解，因为无法查看应用程序上呈现的代码。
例如，文本未居中对齐，图像看起来很小，按钮未跨越整个宽度。这是 Chrome 中的移动视图与 Android 中的 Gmail 应用程序视图并排比较的屏幕截图。
我从各种来源了解到，Gmail 应用程序支持通过媒体查询响应 css，所以我很困惑。我已经为此工作了很长一段时间，并且感到卡住了。非常感谢任何在正确方向上提供解决方案或建议的帮助。
这是我的代码。 https://codepen.io/anon/pen/mMoNqm
<!DOCTYPE html>
看起来您的电子邮件正在通过混合编码堆叠列，但通过媒体查询进行的对齐并未生效。这可能是因为媒体查询支持没有扩展到每个 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.
希望以上内容对您有所帮助。