使用 SendGrid 发送电子邮件不适用于 css 样式答案

【问题标题】：Sending e-mail with SendGrid is not working with css style使用 SendGrid 发送电子邮件不适用于 css 样式
【发布时间】：2017-03-30 12:36:25
【问题描述】：

我有一个简单的 HTML 代码，可以使用 C# API Sendgrid 和 Templates 发送到某个电子邮件：

当我尝试查看它的预览时，它看起来与我预期的一样：

但是当电子邮件被发送时，它无法识别“样式”或任何 css 代码..

这是我的代码：

static async Task Execute()
    {
        var apiKey = Environment.GetEnvironmentVariable("SENDGRID_API_KEY");
        var client = new SendGridClient(apiKey);
        var msg = new SendGridMessage();
        msg.SetFrom(new EmailAddress("test@example.com", "Example User"));
        msg.SetSubject("I'm replacing the subject tag");
        msg.AddTo(new EmailAddress("myEmail", "Nathiel"));
        //msg.AddContent(MimeType.Text, "I'm replacing the <strong>body tag</strong>");
        msg.SetTemplateId("MyTemplateId");
        msg.AddSubstitution("-cepFrom-", "54315-310");
        var response = await client.SendEmailAsync(msg);
        Console.WriteLine(response.StatusCode);
        Console.WriteLine(response.Headers.ToString());
        Console.WriteLine("\n\nPress any key to exit.");
        Console.ReadLine();
    }

不知道怎么回事！

【问题讨论】：

标签： c# sendgrid sendgrid-templates

【解决方案1】：

由于样式是客户端关注的问题，因此有多种方法可以在电子邮件中呈现 CSS。一般来说，大多数事情都停留在过去。使用 HTML 4 并仅支持基本 CSS 属性是确保您的电子邮件在许多不同客户端中正确呈现的最佳方式。

这里的主要问题是您需要内联 CSS 样式而不是将它们放在头部。这是一个很好的入门指南：https://litmus.com/blog/a-guide-to-css-inlining-in-email

【讨论】：