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

标签 html css email templates mailchimp

我开发了 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>

最佳答案

可能是邮件标题类型的问题。请按照以下检查您的 header 。

// 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 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40525496/

相关文章:

ruby-on-rails - ruby rails : Passing parameters to a method under class <<self

asp.net - 第三方电子邮件发件人

html - 如何使用 CSS 使背景图像正确淡入

Jquery多元素

javascript - 全日历今天一种颜色,明天一种颜色

javascript - 为什么淡入和动画持续时间不适用于我的代码?

javascript - 如果 div 滚动大于 - JS 事件

javascript - 如何在使用 jQuery 单击按钮后显示元素?

html - HTML 中的自定义下拉列表

vba - 将电子邮件另存为文本文件的宏,以在规则中使用