响应式电子邮件

时间:2015-07-01 17:38:38

标签: css outlook html-email responsiveness

我正在制作回复邮件。我的代码可以在任何地方使用,除了Outlook 7& 10.我知道它与填充和边距有关,我尝试了一切来解决这个问题,但它仍然没有用。有人有解决方案吗? 我试了他们说的话:https://litmus.com/help/email-clients/outlookcom-margins/

所以我改变了所有的边距标签:margin-left:5%; to margin:0 0 0 5%;

我希望有人能帮助我。

提前致谢

3 个答案:

答案 0 :(得分:0)

你能粘贴你的代码吗?根据您尝试添加保证金和填充的内容,有多种方法可以确保这种方式适用于电子邮件客户端,甚至是可怕的Outlook。

如果您尝试在图片中添加填充,请不要打扰。 Outlook 2007和2010将从图像中剥离填充。如果您认为利润可以解决问题,请考虑outlook.com不支持保证金。

对于图像,确保图像周围有空间的最佳方法是在保存图像之前通过在图像周围添加透明度来添加人造边距。

对于<td>使用填充。所有电子邮件客户端都支持<td>中的填充。

<td style="padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;">

答案 1 :(得分:0)

事实是Outlook使用Word来呈现HTML标记。您可能会发现以下文章中描述的受支持和不受支持的HTML元素,属性和级联样式表属性:

答案 2 :(得分:0)

如果您通过电子邮件发送到任何Outlook或Outlook.com。您实际上无法有效地使用边距来进行跨客户端渲染。一般情况下,我通常不建议使用保证金,因为它可以不稳定,尽管它支持电子邮件客户端。

最好的办法是在TD标签上使用带填充的嵌套表来构建边距。它远非优雅,但允许最佳渲染。

如果你想/需要使用边距,那么我会在Outlook中编写条件代码来创建一个带有这些区域周围填充的表格,以确保它在Outlook中正确显示。再次,远非优雅,但应该是稳定的。