电子邮件时事通讯未加载CSS

Question

我创建了一个网页，用作电子邮件新闻稿。 我在代码中使用了基本的CSS和表格。 当我从浏览器复制内容并将其粘贴到电子邮件撰写页面时，未加载CSS。

我读了其他几篇有关Gmail的文章，这些文章不支持<style>标记，但是我尝试使用Yahoo!。 和Lotus Notes，但仍然存在相同的问题。

如何使此功能适用于Gmail和其他邮件提供商？

Answer 1

Gmail和其他基于Web浏览器的电子邮件客户端不支持<style>在文档的头部标记（或<head>部分可言，对于这个问题），因为他们与他们的页面的CSS冲突。 您还需要移动/复制内联CSS。

例如：

<head>
  <style>
    a { color: #ff0000; }
  </style>
</head>
<body>
  <a href="#"></a>
</body>

变成...

<body>
  <a href="#" style="color:#ff0000;"></a>
</body>

一些在线工具可以帮助您，但是它们仅支持基本CSS。 您可能需要手动进行操作，并记住以后仅对内联进行样式设置。

Answer 2

他们不支持HTML电子邮件撰写，它们会在收到时显示给您，但您会很难做到。 您可以通过允许HTML编写的IMAP客户端来执行此操作，也可以注册MailChimp等服务。