Question

我正在使用PHP Mailer发送HTML电子邮件。但是，当我发送所有填充下面的电子邮件，边距，div大小等都消失了（在Outlook中）。如果我查看我的Gmail帐户，它看起来很好。在iPhone邮件应用程序中，边缘等也消失了。

<div id="wrapper" style="width: 100%;">
<table width=600 style="margin:0 auto">
<tbody>
<tr>
<td>
<div id="Banner" style="
    max-width: 640px;
    margin: 0 auto;
    min-height: 60px;
    background-color: #75dcfc;
    width: 100%;
">
<div class="center" style="margin: auto;text-align: center;">   
  <img src="logourl" alt="test" style="max-width: 450px;padding-top: 0px;width: 50%;">
  </div>
  </div>

<div id="box" style="max-width: 640px;width: 100%;background-color: white;color: #696969;border-style: solid;border-width: 0px;text-align: center;border-color: #d3d3d3;margin-left: auto;margin-right: auto;overflow: hidden;padding: 0px;border-style: solid;height: 500px">
<div id="personalmsg" style="width: 100%;text-align: center;font-size: 22px;margin-left: auto;margin-right: auto;max-width: 400px;padding: 0px;">
    <p style="text-align: left;font-size: 17px;margin-top: 50px; color: #000;font-weight: normal;font-style: normal;">hello</p>


</div>

</div>
    <h2 id="link" style="text-align: center;max-width: 640px;margin: 0 auto;background-color: #75dcfc;padding-top: 15px;padding-bottom: 15px;width: 100%;"><a href="website" style="color: #fff;text-decoration: none;">Visit us</a></h2>
</td>
</tr>
</tbody>
</table>
</div>

正如您所看到的，我只使用内联css。但是我不知道我做错了什么。也许有助于展示我如何发送电子邮件：

$mail = new PHPMailer;

$mail->setFrom('my@email.com');
$mail->addAddress($email);

$mail->Subject = "Your Email";
$mail->Body = $html;
$mail->isHTML(true);
try {
    $mail->Send();  
}
catch (Exception $e) {

}

虽然$ html将HTML保存为字符串。

我感谢任何正确的方向

Answer 1

Outlook因不能很好地支持css而臭名昭着。所有的电子邮件客户端都有自己的html和css怪癖，它有很多试验和错误。

我不能回答你的问题，但我可以为你提供这些引用来重新编写你的html。

Microsoft在outlook中为html / css提供了此指南。

https://msdn.microsoft.com/en-us/library/aa338201.aspx#Word2007MailHTMLandCSS_Full

我经常使用https://www.campaignmonitor.com/css/。它是一个值得信赖的参考。

还有一些Web服务会以各种方式呈现您电子邮件的图像。石蕊属是常见的。我将它用于生成的电子邮件并发送给工作中的客户。营销部门也喜欢它。

通过phpmailer发送html

1 个答案: