通过 Chrome 和 Firefox 在 Gmail 中访问 HTML 电子邮件时，其显示方式有所不同。我该如何预防这种情况？

Question

我有一份 html 时事通讯，在大多数情况下已经正确显示。但是，我在 Gmail 中打开它时遇到了奇怪的情况。当我在 Firefox 中打开它时，它看起来很好，但在 Chrome 中，部分布局隐藏在展开链接后面。

如果我使用两种不同的电子邮件服务，我会更容易理解，但这是在两种不同的浏览器上查看的同一个帐户。两个浏览器上都没有安装 Gmail 相关的扩展程序，因此这似乎是服务器端的。我可以做什么来防止这种情况发生？谢谢你。

编辑：

示例输出

使用 Chrome 和 IE 在 Gmail 中查看时，具有娱乐块的表格将放置在其中：

<div>
   <div class="adm">
      <div id="q_2" class="ajR h4" data-tooltip="Hide expanded content" aria-label="Hide expanded content" aria-expanded="true">
         <div class="ajT"></div>
      </div>
   </div>
   <div class="im">
      <!-- table goes here -->
   </div>
</div>

Answer 1

我们可能需要查看代码才能真正帮助您解决此问题。 Gmail 很棘手，html 电子邮件的呈现方式有所不同，具体取决于您查看的客户端和设备。您还可以查看此Gmail 指南，看看它是否可以帮助您解决问题。

Answer 2

我知道这是一个老问题，但我发现了类似的问题，并在我的案例中解决了它。 这个类似的讨论对我帮助很大：Gmail 将某些 HTML 元素包装在一个名为 im 的类中

就我而言，修复此问题的解决方案是：https://stackoverflow.com/a/23684130/15219724

我的电子邮件是使用node.js生成的，因此（电子邮件的）HTML文本被格式化为字符串，其中包含用于将文本输入IDE的表格，其中一些表格是空白空格而不是“/t”，将它们全部删除，问题就解决了。