如何调试自适应电子邮件新闻稿模板?

时间:2014-12-23 23:16:19

标签: mobile responsive-design gmail html-email newsletter

基本上,我需要一种在移动设备上调试电子邮件的方法。一切看起来都很棒,布局很完美,直到我允许图片(在我的情况下,在电子邮件顶部的Gmail Allow Images按钮)。此时,所有格式都会丢失,td开始重叠,有些图像会向上扩展,而某些图像会向下缩放。在允许图像之后浮动也不起作用。

我开始使用Zurb大学的电子邮件模板(你可能会发现它们here:),同样,一切都在浏览器中运行良好但是当我真正打开chrome或safari并打开电子邮件时,格式化是每次都以完全相同的方式打破。

所以,我问是否有人知道调试电子邮件的方法。或者要求通过Allow Images按钮了解有关其他已知问题的更多信息,从而破坏电子邮件的布局。

1 个答案:

答案 0 :(得分:3)

这个问题很可能是你的CSS。例如,几乎所有电子邮件客户端都不支持float。最重要的是,您需要使图像的实际尺寸与您希望它们在电子邮件中的尺寸相匹配。如果没有你正在使用的样本,我就不能给予更多。

使用HTML或CSS调整大小也是不可靠的。

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

相关问题