响应性eDM问题

Question

我目前正在为即将到来的业务活动制作一个eDM。我用了一个反应灵敏的样板，就是为了这个目的。

它是一个两列布局，当设备宽度<600 is (使用媒体查询)时，折叠成1列布局。

你可以在这里看到它

当我在浏览器中预览它时，它看起来很棒，一切都按预期工作。当我在我的手机上看到它(索尼Z2 - Gmail应用程序)时，有一些东西看起来不太对劲。上面的黑色横幅不是全宽度的。第一个“硬字”部分不是全宽的，有些文字是紫色的。

这仅仅是gmail应用程序的问题吗？

使用我手机的默认电子邮件客户端和iOS看起来不错。

对不起，我不能发布代码，因为它会破坏堆栈溢出中的代码元素。抱歉的。请随时检查来源。

任何帮助都将不胜感激！

请看下面的截图

• 非全宽单元

Answer 1

EDMs的问题在于，它们不支持任何CSS样式或媒体查询，或者任何时候都不支持。据我所知，使用width=100%属性是使EDM响应的唯一方法。