响应式电子邮件Outlook 2003 - 2013问题

Question

所以我有一个响应式电子邮件，其中包含左右框。看起来像这样：

但是在Microsoft Outlook 2003 - 2013中，这两个块的渲染方式如下：

您可以在此处找到我们的代码：https://jsfiddle.net/uhjjqkmo/

不幸的是，我无法发布完整的代码（客户自行决定）。

示例DOM布局：

{{1}}

Answer 1

我在您的代码中添加了一些额外的css规则：

Updated fiddle

• 我发现最好将width =“49％”放在浮动表上（而不是width =“295”）

在：

在：

然后我可以给你的额外提示是组合对齐和浮动。

ggplot2::ggplot(ggplot2::mpg, ggplot2::aes(y = class)) + ggstance::geom_barh(stat = ggstance::StatCounth)

这样可以获得电子邮件中浮动表的最佳结果，例如当试图在文本中浮动图像时;）