将所有主要电子邮件客户端的样式放在哪里

Question

我正在设计一个电子邮件模板，但它在许多主要电子邮件客户端中都无法使用。我不知道把我所有的样式放在哪里。之前了解到邮件模板只支持table格式，样式需要内联给定。

但我知道技术在不断发展，应该有更好的解决方案来放置所有样式。下面是我想在我的电子邮件模板中使用的代码示例。我在样式标签的 header 中添加了样式，但 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 上有一个非常有用的内联样式工具。您所要做的就是输入上面的样式以及结构，它会自动执行内联样式。

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

将所有主要电子邮件客户端的样式放在哪里

where to put the styles for target all the major email clients

html

css

email

gmail