3

我的 Web 应用程序向用户发送基于 HTML 的电子邮件。

我创建了一个 HTML 电子邮件模板（基于 MailChimp 提供的模板，该模板被认为可以在任何浏览器/电子邮件客户端中工作）。

当我使用 发送它SendGrid时，它到达并在我的Apple iPhone 4上完美显示，但当我在Gmail/Google Apps（同时使用 Firefox 和 Google Chrome）中测试时无法正确显示。

无法正常工作的 HTML 代码段：

<tr>
    <td align="center" valign="top" style="padding-top:0;">
        <table border="0" cellpadding="15" cellspacing="0" class="templateButton3">
            <tr>
                <td valign="middle" class="templateButtonContent">
                    <div mc:edit="std_content01">
                        <a href="http://www.url.com/blah" target="_blank">Button Text</a>
                    </div>
                </td>
            </tr>
        </table>
    </td>
</tr>

这里应用的 CSS 是：

.templateButton3{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    /*@editable*/ background-color:#d34843;
    /*@editable*/ border:0;
    border-collapse:separate !important;
    border-radius:3px;
}

我在这里做错了什么？这是使用 Google Apps/Gmail 的恼人副作用吗？

4

2 回答 2

5

所有 CSS 必须内联在td. 这将为您完成：http: //beaker.mailchimp.com/inline-css

MailChimp 会自动执行此操作，如果您不使用 MC 而是使用他们的模板，您必须自己内联 CSS。

于 2013-06-11T13:27:09.467 回答
0

只是为了支持 samantha 所说的话，ios 将考虑标签之间的内容.. gmail 或 google 应用程序不会。

于 2013-06-12T17:34:57.480 回答