我的自定义电子邮件 CSS 不适用于 Gmail答案

【问题标题】：My custom email CSS don't work on Gmail我的自定义电子邮件 CSS 不适用于 Gmail
【发布时间】：2016-09-07 03:38:50
【问题描述】：

我想使用我的 CRM (Nation Builder) 发送自定义电子邮件。 “自定义”是指我用 HTML/CSS 编写代码。

我使用与网站相同的结构创建了一个 HTML 文件：

 <html>
      <head>
        <style type="text/css">

          My CSS

        </style>
      </head>
      <body>

          My HTML body

      </body>
 </html>

我的电子邮件在我的邮件应用程序（在我的 Mac 上）上看起来很好，但是当我在 Gmail 上打开它时，相同的邮件接缝没有 CSS。

更奇怪的是：我收到了来自我喜欢的网站的时事通讯。它在 Gmail 上完美运行。所以我将它显示在我的网络浏览器上，复制了 HTML 代码，将其粘贴到 Nation Builder 中并将其发送到我的 Gmail。但是 Gmail 上没有 CSS（它在我的 Apple Mail App 上运行良好）。即使原始邮件在同一个 Gmail 上运行良好。

有人可以向我解释为什么在 Gmail 上运行良好并且我从 CRM 复制/粘贴以发送它的电子邮件不起作用吗？

谢谢！

【问题讨论】：

并非所有电子邮件客户端都支持 CSS。最好为电子邮件编写内联样式。请参阅此链接进行内联 html 转换
但是我已经复制并粘贴了正在使用 Gmail 的电子邮件的代码...这是我没有得到的部分
请阅读：emailonacid.com/blog/article/email-development/…
查看此视频 - youtube.com/watch?v=XnWIperMy08

标签： html css email gmail

【解决方案1】：

并非所有电子邮件客户端都支持使用 HTML 和 CSS 的电子邮件模板。要构建您的电子邮件模板，请使用 HTML3 TABLE。几乎所有电子邮件客户端和浏览器都支持它。

此外，要添加设计，请使用带有 HTML 元素的内联 css。如果您在模板中使用任何图像，则使用绝对路径而不是相对路径。 This link 还可以帮助您构建电子邮件模板。

【讨论】：

【解决方案2】：

您希望内联编写大部分 CSS 样式。例如；

<td align="left" style="padding:40px 20px 40px 20px; font-family:sans-serif; font-size:15px; line-height:20px; color:#444444; text-align:left;">Cras mattis consectetur purus sit amet fermentum.</td>

或

<img src="path/to/img.jpg" width="600" alt="..." border="0" align="center" style="width:100%; max-width:600px;">

请随意使用 Campaign Monitor the Litmus PutsMail 中的 CSS Inline 之类的内容。他们是免费的，他们会为您完成一些繁重的工作。

【讨论】：