如何调试我的响应式电子邮件通讯模板？

Question

基本上，我需要一种在移动设备上调试电子邮件的方法。一切看起来都很棒，布局也很完美，直到我允许使用图片（在我的情况下，电子邮件顶部的 Gmail Allow Images 按钮）。此时所有格式都丢失了，td 开始重叠，一些图像放大到离谱的高度，一些缩小。允许图像后浮动也不起作用。

我从 Zurb University 的电子邮件模板开始（您可能会发现它们 here:），再次，在浏览器中一切正常，但是当我实际打开 chrome 或 safari 并打开电子邮件时，格式以完全相同的方式被破坏每次。

所以，我想问是否有人知道调试电子邮件的方法。或者请求了解更多关于 Allow Images 按钮破坏电子邮件布局的其他已知问题。

Answer 1

问题很可能是您的 CSS。例如，几乎所有电子邮件客户端都不支持浮动。最重要的是，您需要使图像的实际尺寸与您希望它们在电子邮件中的尺寸相匹配。如果没有您使用的样本，我无法提供更多。

同样使用 HTML 或 CSS 来调整大小是不可靠的。

我认为最具成本效益的电子邮件测试工具是Email On Acid。