Question

我正在尝试使用快递邮件在我的NodeJS应用程序中发送电子邮件，我想用Jade编写响应式电子邮件，但我在呈现此电子邮件时遇到问题：我添加到电子邮件模板的样式未应用于其模板。例如，对于以下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html
    head
        meta(http-equiv = 'Content-Type', content = 'text/html; charset=UTF-8')
        style.
            body {
                background-color: #dfdfdf;
                width: 320px;
                height: 620px;
            }

            .container {
                width: 90%;
                height: 90%;
                margin: auto;
                display: flex;
                flex-deirection: column;
                background-color: white;
                border-radius: 4px;
            }
    body
        .container Hello

在gmail中呈现的电子邮件如下所示：

那么，在撰写这样的电子邮件时，我的错误是什么呢？为了让某些事情有用，我该怎么做呢？

Answer 1

许多电子邮件客户端都希望样式内联并删除CSS标题：

https://github.com/RGBboy/express-mailer/issues/28

有些工具可以将带有模板的CSS文件转换为内联CSS，例如https://github.com/crocodilejs/node-email-templates

玉电子邮件模板

1 个答案: