帮助解决 Office 365 邮件摘要的 CSS 问题

你好,我觉得其他人肯定之前也问过这个问题,但我尝试了很久也找不到任何相关信息。

问题是,我 90% 的用户都使用 Outlook,而我网站发出的所有邮件在渲染时两侧都有难看的边框。如下所示:

这与预览效果形成鲜明对比:

我阅读了论坛内容,尝试复制元论坛(meta forum)的样式,但完全不起作用:

我想实现的是一个完全通用的摘要邮件,在 Outlook 中能够完美显示。有人成功做到过吗?是否有我可以复制的代码?

非常感谢您的任何帮助!

2 个赞

您使用的是哪个版本的 Outlook?这很大程度上取决于具体版本。

通常情况下,您无法按您描述的程度覆盖电子邮件——我们假设 CSS/HTML 支持合理,而很遗憾地报告,Outlook 在这方面的表现……几乎病态地糟糕(https://litmus.com/blog/mastering-outlook-a-look-back-at-common-rendering-issues)。

2 个赞

我担心会出现这种情况,希望可以将该邮箱地址覆盖为通用地址。Outlook 告诉我这是 2002 版本。

image

1 个赞

嗯。让我查一下。那可能是最近的。是的,它是 Office 365

2020 年 3 月 5 日
版本 2002 (Build 12527.20278)

遗憾的是,Outlook(Windows 可执行文件)的 HTML/CSS 引擎如此落后。您的用户是否有可能在 outlook.com 的网页版中查看邮件?

2 个赞

我无法控制用户访问邮件的方式——我希望许多人确实使用的是网页版而不是客户端,但我没有相关数据。

感谢你的回复,听起来我似乎无能为力。

我的梦想是,能有一个非常简洁的邮件摘要模板版本,能够兼容所有那些不靠谱的 HTML/CSS 引擎。

有没有可能实现这样的功能?如果不行,我也完全理解。

1 个赞

是的,这是一个已知问题。我在此处进行了调查:https://meta.discourse.org/t/new-discourse-user-activity-summary-digest-email-weird-format-in-outlook/138701/8。

这是一个可以解决的问题,但无法通过向邮件应用 CSS 来修复。我将尽力在本周末之前创建一个拉取请求(PR)来解决该问题。

3 个赞

据我所知,在最新的 Outlook 中这个问题已经存在一段时间了,因此如果您能做出任何调整,我们将不胜感激 @simon

3 个赞