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的内联样式有一个非常有用的工具。您所做的就是输入上面的样式以及结构，它将自动化内联样式。

祝你好运！电子邮件是一件令人讨厌的事情。

在哪里为所有主要电子邮件客户端设置样式

1 个答案: