Question

我创建了一个非常简单的HTML电子邮件，我正在测试它。在Apple Mail和mailtrap中，它看起来很完美，但在Spark中它看起来像一个纯文本电子邮件。

Title Goes Here

Body goes here

— Company

我收到了来自Twitter的电子邮件，这些布局相同，它们在Spark中看起来很完美......我的所有样式都是内联的，代码非常基本;我甚至尝试过不同的doctypes和没有谷歌字体，但结果相同。

我没有看到我做错了什么。

Here's a Fiddle

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <title>Notification</title>
</head>

<body style="padding: 10px; background-color: #f6f6f6" bgcolor="#f6f6f6">

    <table cellpadding="0" cellspacing="0" border="0" style="width: 100%; border-radius: 3px; background-color: #ffffff; border: 1px solid #e9e9e9">
        <tr>
            <td style="border-radius: 3px 3px 0 0; background-color: #cccccc; padding: 40px 0">
                <p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #ffffff; text-align: center">
                    Title Goes Here
                </p>
            </td>
        </tr>
        <tr>
            <td style="padding: 40px; color:#222222">
                <p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                    Body goes here
                </p>

                <p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-top: 30px">
                    &mdash; Company
                </p>
            </td>
        </tr>
    </table>

</body>
</html>

Answer 1

原来这是Spark的一个错误。

根据他们的客户服务：“我们的开发团队已经复制了这个案例，这类电子邮件的显示将会进一步改进。”

剥离了HTML电子邮件格式

1 个答案: