JavaScript：影响 Web App 中其他标签 CSS 的电子邮件答案

【问题标题】：JavaScript: Email affecting the CSS of the other tags in the Web AppJavaScript：影响 Web App 中其他标签 CSS 的电子邮件
【发布时间】：2019-04-18 10:36:00
【问题描述】：

我有一个电子邮件客户端网络应用程序。我面临的问题是每当我从电子邮件呈现 HTML 时。有时，电子邮件可能包含一些影响我的 Web 应用程序设计的类。寻找建议？

【问题讨论】：

使用<iframe>?
将prefix 类用于您的电子邮件或应用程序
@ChrisG iframe 不是一个好方法。
@BanujanBalendrakumar Css 是动态的
@NencyGupta 为什么？当然，Gmail 不使用 iframe，但我的其他电子邮件提供商使用 (GMX)。这是将邮件文档与您的应用程序隔离的最简单方法，您甚至可以滚动它。它怎么不是显示电子邮件的完美方式？

标签： javascript html html-email email

【解决方案1】：

您要么使用 iframe 来显示像 Chris G 在 cmets 中建议的电子邮件，

或者您可以使用 Emogrifier (https://www.myintervals.com/emogrifier.php / https://github.com/MyIntervals/emogrifier) 之类的工具将所有样式转换为内联样式。

这将阻止样式影响您的页面，但仍然有人可以，例如将元素放置在页面上的某个位置，因此您可能需要进行额外的检查。

【讨论】：