我的 Web 应用程序向用户发送基于 HTML 的电子邮件。
我创建了一个 HTML 电子邮件模板(基于 MailChimp 提供的模板,据说该模板可以在任何浏览器/电子邮件客户端中使用)。
当我使用发送它时SendGrid
,它到达并完美地显示在我的苹果 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 的令人烦恼的副作用吗?
所有 CSS 必须内联td
。这将为您做:http://beaker.mailchimp.com/inline-css http://beaker.mailchimp.com/inline-css
MailChimp 自动执行此操作,如果您不使用 MC 但使用其模板,则必须自己内联 CSS。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)