0

有人可以帮忙吗?

我已经使用桌面和移动版本的代码创建了响应式电子邮件。除了在显示两个版本的 Outlook Web 应用程序中之外,它在每个邮件客户端中都可以正常工作。

我在使用 Outlook 2010 时遇到了同样的问题,但我通过将移动内容包装在 contidional mso 评论中来修复它:

<!--[if !mso]><!-->
<!--<![endif]-->
4

2 回答 2

0

哇!

无论如何,我确定您的电子邮件在移动版的表格周围设置了一些display:none/ overflow:hiddencss,但 outlook.com 并不总是很好。

我认为outlook.com 的挑剔预处理器是罪魁祸首。

我发现纠正这个问题的方法是在.mobileonly{display:none;}您的样式标签中添加一个,然后添加class="mobileonly"到任何在测试中不断弹出的问题元素中。大多数情况下,您只需要做更高的容器表。

如果这不起作用,请将您的 html 放入 jsfiddle 中,我会进一步研究它。

于 2014-02-06T16:04:40.453 回答
0

我做了同样的噩梦,并尝试了书中的所有内容。最终我找到了解决方案。

将包含列的高度设置为 0 - 桌面和移动图像都需要自己的类。移动图像的内联宽度和高度也应设置为 0。然后在您的桌面查询中...显示:无,对于移动图像,宽度和高度设置为 0。

然后在您的响应式查询中,您可以强制调整相应图像的高度和宽度并使用显示块。试试这个它对我有用......即使在 Outlook 2003 中!

于 2014-04-09T16:02:16.330 回答