Question

我开发了HTML电子邮件模板并导入到Mailchimp。它在测试模式下工作得很好。当我发送它时，Gmail，Outlook和Windows Mail在加载CSS样式时出现问题。它只显示HTML。

然后我尝试使用没有链接CSS的表进行开发，再次完善Mailchimp测试并解决Gmail，Outlook和Windows Mail问题。因为甚至没有加载表的STYLE属性。

请帮忙。

<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Email Design</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
    <body style="margin: 0; padding: 0;">
 <table align="center" border="1" cellpadding="0" cellspacing="0" width="600" background="img/beton.jpg" style="">
 <tr>
  <td >
 <img src="img/logo.png" alt="Creating Email Magic" width="160" height=auto align="right"  style="padding: 49px 60px; 0 0; left:548px; display: block;" />
 <a href="facebook.com"><img src="img/facebook.png" alt="Creating Email Magic" width="50" height=auto align="right"  style="padding: 39px 0px 0 0px; 0 0; left:548px; display: block;" /></a>
       <img src="img/newsletter_h1.png" alt="Creating Email Magic" width="342" height=auto align="left"  style="padding: 0px 00px; 0 0; display: block;" />


</td>
 </tr>
 <tr>
  <td >
   Row 2
  </td>
 <tr>
  <td >
   Row 3
  </td>
 </tr>
</table>

        <div></div>
</body>




</html>

Answer 1

可能在邮件的标题类型中出现问题。请按照以下方式检查您的标题。

// Always set content-type when sending HTML email
$headers = "MIME-Version: 1.0" . "\r\n";
$headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";

HTML电子邮件模板Mailchimp，Outlook和Gmail中的CSS问题

1 个答案: