在单个页面中处理多个电子邮件HTML

我们正在实施电子邮件支持应用程序。与任何其他支持应用程序一样，客户可以按线程或链发送多个电子邮件。此链还可包括正在解决案件的代理商的答复。在这种情况下，HTML显示的结构如下

UIApplication.shared.open(URL(string:"photos-redirect://\(self.dukePhotolibrary?.albumName as! String)")!)


我们面临的问题是这些电子邮件带有自己的HTML内容。在许多情况下，这导致与我们的HTML结构或CSS或两者冲突。导致页面结构中断或CSS表示缺失。

我们尝试将这些单独的邮件放在iframe中，但是当线程中有多封电子邮件时，这会使页面加载变得非常缓慢或无响应。

关于如何最好地解决此问题并减少与页面CSS或html结构的冲突的任何建议都将有所帮助。

在将代码插入页面之前，您需要执行Gmail等操作并修改代码。

您可以通过在功能强大的电子邮件客户端中查看输出代码来对他们的电子邮件进行反向工程。 （有关Gmail源代码，请参见https://webapps.stackexchange.com/questions/33926/can-i-view-the-html-source-of-an-email-sent-to-my-gmail-address。）

为避免CSS冲突，您基本上需要为所有传入的CSS类添加前缀。

为避免HTML冲突，您需要禁止某些属性（或仅允许某些属性）。例如，您将不需要固定的位置。绝对定位可能需要将包装div相对定位。

您需要将标签更改为