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

**URL:** https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096
**Category:** Support
**Tags:** activity-summary
**Created:** [2020年三月30日 06:46 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096 "2020-03-30T06:46:42Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Nick\_Research](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick_research/32/76648_2.png) [@Nick\_Research](https://meta.discourse.org/u/Nick_Research)
#### Post date: [2020年三月30日 06:46 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096/1 "2020-03-30T06:46:42Z")

</div>

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

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

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/0/90829959d8d4a013aaf67965a4f01309cd1ffd3c.png)

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

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/7/f7a056c9bd27b6d6890d142b485b3844e74e2afe.png)

我阅读了论坛内容，尝试复制元论坛（meta forum）的样式，但完全不起作用：

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/9/a9c3781a4d563390c5a655b8365416dbabbaacd6.png)

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

非常感谢您的任何帮助！

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2020年三月30日 07:35 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096/2 "2020-03-30T07:35:55Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![Nick\_Research](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick_research/32/76648_2.png) [@Nick\_Research](https://meta.discourse.org/u/Nick_Research)
#### Post date: [2020年三月30日 08:12 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096/3 "2020-03-30T08:12:11Z")

</div>

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

![image](https://global.discourse-cdn.com/meta/original/3X/f/e/fe87362fb31c28f3a09b69071199626df640bf3e.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2020年三月30日 08:12 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096/4 "2020-03-30T08:12:50Z")

</div>

> [@Nick\_Research](#):
>
> Outlook 告诉我它是 2002 版本。

嗯。让我查一下。那可能是最近的。是的，[它是 Office 365](https://docs.microsoft.com/en-us/officeupdates/update-history-monthly-channel-targeted)：

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

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

---

<div class="post-metadata">

### Author: ![Nick\_Research](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick_research/32/76648_2.png) [@Nick\_Research](https://meta.discourse.org/u/Nick_Research)
#### Post date: [2020年三月31日 07:07 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096/5 "2020-03-31T07:07:15Z")

</div>

> [@codinghorror](#):
>
> 遗憾的是，Outlook（Windows 可执行程序）的 HTML/CSS 引擎如此落后。有没有可能让你们的用户在 [outlook.com](http://outlook.com) 的网页版中查看邮件？

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

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

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

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

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2020年三月31日 17:23 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096/6 "2020-03-31T17:23:41Z")

</div>

> [@Nick\_Research](#):
>
> 我 90% 的用户都使用 Outlook，而来自我网站的所有邮件在渲染时两侧都有难看的边框。

是的，这是一个已知问题。我在此处进行了调查：[https://meta.discourse.org/t/new-discourse-user-activity-summary-digest-email-weird-format-in-outlook/138701/8。](https://meta.discourse.org/t/new-discourse-user-activity-summary-digest-email-weird-format-in-outlook/138701/8%E3%80%82)

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

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2020年四月1日 03:10 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096/7 "2020-04-01T03:10:11Z")

</div>

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

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2024年四月15日 14:21 UTC](https://meta.discourse.org/t/help-with-css-on-email-digest-for-office-365/146096/8 "2024-04-15T14:21:00Z")

</div>


