将样式放置在哪里，以针对所有主要的电子邮件客户端

Question

我正在设计一个电子邮件模板，但它正在突破许多主要的电子邮件客户端。我不知道该把我所有的款式都放在哪里。在此之前，我了解到电子邮件模板只支持表格格式和样式需要内联。

但我知道技术发展了很多，应该有一个更好的解决方案，把所有的风格围绕在一起。下面是我想在电子邮件模板中使用的代码示例。我在样式标记中添加了样式，但是Gmail忽略了它们。解决办法是什么？

HTML

<div class="wrapper">
<div class="layout">
<div class="column narrow">
  <div class="spacing">
    <p>Herligheter hva penge, tærer innflytelse forderve hukommelse.</p>
  </div>
</div>
<div class="column wide">
  <div class="spacing">
    <p>Lettsindigheten anstrengende røbe, overser rekk makroner, sengeliggende avbetaler klokt uskjønt fedre.</p>
  </div>
</div>

CSS

body,
.wrapper {
  background-color: #add8c7;
}
.layout {
  background-color: #ffffff;
  margin: 0 auto;
  width: 320px;
 }
.spacing {
  margin: 20px;
}
p {
  margin: 20px 0;
}

媒体查询只能添加样式标记，但是Gmail忽略了html模板中提供的样式标记。

Answer 1

不幸的是，电子邮件客户端并没有达到你希望的速度(实际上没有标准化，也有很多玩家)。确保最佳支持的唯一方法是将样式内联并将代码组织到表中，正如前面所述。

幸运的是，在inliner.cm中有一个非常有用的内联样式工具。您所做的就是输入上面的样式和结构，它将自动内联样式。

祝好运!电子邮件是件讨厌的事。