Question

我为我的Laravel应用程序的电子邮件设计了一个非常基本的HTML布局，但是它无法在Spark电子邮件客户端中正确显示（无格式化），而在Apple Mail中，预览窗格显示的是HTML而不是文本。

我保持HTML尽可能简单，并将所有CSS内联呈现。

我缺少什么才能正确渲染？在HTML之前是否需要添加任何特殊标记或任何其他格式？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width">
    <link href="https://fonts.googleapis.com/css?family=Pacifico|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">
        <tbody>
            <tr>
                <td style="border-radius: 3px 3px 0 0; background-color: #7266ba; padding: 40px 0">
                    <p style="font-family:'Pacifico', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #ffffff; text-align: center">
                        Alert Message Goes Here
                    </p>
                </td>
            </tr>
            <tr>
                <td style="padding: 40px; color:#7266ba">
                    <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>
        </tbody>
    </table>
</body>
</html>

Answer 1

想出来。

在一些情况下，我只使用<p>标签来显示文字。将<p>标记放入表格后，所有内容都开始正确显示。

HTML电子邮件无法正确呈现

1 个答案: