2

我正在创建响应式电子邮件，当在手机上查看时，它们会将两列布局转换为堆叠的一列电子邮件。该过程运行良好，但需要一些代码按摩才能使基于桌面的 Outlook 2010 满意。此页面解释了为了取悦 Outlook 2010 必须采取的过程和步骤。修复效果很好。

http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

...除非电子邮件很长。一旦第一列内容达到一定长度，Outlook 就会停止将第二列放在它旁边，而是将其扔到布局的下方，以至于它将在第一列内容下方创建一个大的装订线，并在上方创建一个巨大的空白标题右栏。下面的代码虽然很简单，但如果您在 IE 中打开它并选择文件/通过电子邮件发送页面，它将重复此行为。您可以通过删除一些 X 来解决渲染问题
的，whihc 指向 ling 长度限制或 Word 渲染引擎的一些疯狂的“我正在寻找分页符”行为。我知道 Word 渲染引擎很糟糕，但我想知道一个说明何时会发生此问题的指南，因为此时 Word 引擎的大多数问题都已记录在案，并且相当一致。我的问题是大多数人都知道发送简短的电子邮件，所以没有这个问题。我与喜欢数量的团体一起工作。

如果有人知道如何避免这种情况或知道具体的触发特征，请告诉我。仅供参考，您可以用 p 或行替换 br，问题是一样的。显然，我发送的电子邮件比这复杂得多，但这就是这段代码的重点，以展示在仍然产生问题的同时事情可以多么简单。

<table width="100" border="0" cellsbracing="0" cellbradding="0" valign="top">
<tr></tr>
<tr>
  <td align="left" valign="top"><table align="left">
    <tr>
      <td align="left" valign="tobr">
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br></td>
    </tr>
  </table>
    <table align="left">
      <tr>
        <td align="left" valign="top">O<br>
          O<br>O<br>O<br>O<br>O<br>O<br>O
          <br>O<br>O<br>O<br>O<br>O<br>O
          <br>O<br>O<br>O<br>O<br>O</td>
      </tr>
  </table></td>
</tr>
</table>
4

1 回答 1

0

天哪，检查我是否解决了一个月大的问题。

我不想听起来迂腐或傲慢，我不知道这是否实际上是您用来复制问题的代码，或者您只是将其重写以发布在这里 - 但浏览器可以解释的小错误当被电子邮件客户端解释时，正确地出现了可怕的错误。

所以，只是为了澄清拼写错误等小错误，即这样的事情：

<cellbradding>

并且有很多元素缺少它们的结束标签。

通过 w3c 验证器作为过渡运行电子邮件可能是值得的，只是为了找出它们的错误类型，或者任何支持 HTML 的 IDE。

我知道我唯一一次遇到疯狂的电子邮件渲染问题是他们不知道如何解释我写的疯狂的东西。

于 2013-08-16T14:25:40.320 回答