为什么响应式电子邮件在石蕊测试中运行良好，但在发送之后损坏

Question

我正在测试由墨水提供的名为“Sidebar Hero”的响应式电子邮件模板，这里是link。

当我在石蕊试验时，android和apple的屏幕截图显示响应效果与预期一致。这是我的测试截图：android4.0和iPhone。你可以检查其他人的Android和iPhone。

但是当我从客户端发送它（如雷鸟，外观）时，响应性破坏了。电子邮件看起来像一团糟。这是scrrenshot：

如何生成代码： 我直接从模板页面下载template code，然后使用Ink提供的inliner tool来制作内联样式。然后什么都没有。一切都完成了。如果您需要我的code

我想念的是什么或者我犯过什么不明白的错误？

任何人都可以提供帮助。非常感谢！

Answer 1

您是通过公司MS Exchange网络发送的吗？听起来类似于issue I had a while ago，我工作的Exchange服务器正在剥离我的媒体查询。也许尝试发送到不同的非公司域名上的其他电子邮件地址，看看它是否有所作为。

Answer 2

有类似的问题......

在文档中，它建议使用Block grid用于Gmail（移动版，iOS版，Android版），因为它在不使用媒体查询的情况下仍然具有灵活性。另请查看“子网格”标题正上方的兼容性表。

显然，使用块网格而不是默认网格的主要警告是：

“确保元素之间没有空格，否则Thunderbird会在块网格元素之间添加间隙。”

Answer 3

对于在另一个墨水模板顶部浮动两列，它使用列拆分而不是表格对齐。

我发现有关此方法的问题是display-block或float:left on＆＃34; td＆＃34;

解决方案是使用＆＃34; Doctype＆＃34;而不是＆＃34; th＆＃34;并确保覆盖td并对齐＆＃34; font-weight＆＃34;，因为默认情况下它是粗体和中心。