有人可以帮忙吗?
我已经使用桌面和移动版本的代码创建了响应式电子邮件。除了在显示两个版本的 Outlook Web 应用程序中之外,它在每个邮件客户端中都可以正常工作。
我在使用 Outlook 2010 时遇到了同样的问题,但我通过将移动内容包装在 contidional mso 评论中来修复它:
<!--[if !mso]><!-->
<!--<![endif]-->
有人可以帮忙吗?
我已经使用桌面和移动版本的代码创建了响应式电子邮件。除了在显示两个版本的 Outlook Web 应用程序中之外,它在每个邮件客户端中都可以正常工作。
我在使用 Outlook 2010 时遇到了同样的问题,但我通过将移动内容包装在 contidional mso 评论中来修复它:
<!--[if !mso]><!-->
<!--<![endif]-->
哇!
无论如何,我确定您的电子邮件在移动版的表格周围设置了一些display:none
/ overflow:hidden
css,但 outlook.com 并不总是很好。
我认为outlook.com 的挑剔预处理器是罪魁祸首。
我发现纠正这个问题的方法是在.mobileonly{display:none;}
您的样式标签中添加一个,然后添加class="mobileonly"
到任何在测试中不断弹出的问题元素中。大多数情况下,您只需要做更高的容器表。
如果这不起作用,请将您的 html 放入 jsfiddle 中,我会进一步研究它。
我做了同样的噩梦,并尝试了书中的所有内容。最终我找到了解决方案。
将包含列的高度设置为 0 - 桌面和移动图像都需要自己的类。移动图像的内联宽度和高度也应设置为 0。然后在您的桌面查询中...显示:无,对于移动图像,宽度和高度设置为 0。
然后在您的响应式查询中,您可以强制调整相应图像的高度和宽度并使用显示块。试试这个它对我有用......即使在 Outlook 2003 中!