我的自定义电子邮件CSS在Gmail上不起作用

Question

我想使用CRM（Nation Builder）发送自定义电子邮件。 所谓“自定义”，是指我使用HTML / CSS进行编码。

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

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

          My CSS

        </style>
      </head>
      <body>

          My HTML body

      </body>
 </html>

我的电子邮件在我的Mail App（在Mac上）上看起来很好，但是当我在Gmail上打开它时，相同的邮件似乎没有CSS。

甚至更奇怪：我从我喜欢的网站收到时事通讯。 它可以在Gmail上完美运行。 因此，我将其显示在Web浏览器上，复制了HTML代码，将其粘贴到Nation Builder中，然后将其发送到我的Gmail。 但是Gmail上再没有CSS（在我的Apple Mail应用程序上可以正常使用）。 即使原始邮件运行正常，也可以在同一Gmail上使用。

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

谢谢！

Answer 1

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

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

Answer 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 Litmus PutsMail的 CSS Inline之类的工具。 他们是免费的，他们会为您完成一些繁重的工作。

我的自定义电子邮件CSS在Gmail上不起作用

问题描述

2 个解决方案

解决方案1
0 2016-02-09 11:37:19

解决方案2
0 2016-09-06 19:38:50

我的自定义电子邮件CSS在Gmail上不起作用

问题描述

2 个解决方案

解决方案1 0 2016-02-09 11:37:19

解决方案2 0 2016-09-06 19:38:50

解决方案1
0 2016-02-09 11:37:19

解决方案2
0 2016-09-06 19:38:50