html - 发送到 Facebook 地址的 html 电子邮件样式已损坏

Question

我编写了一个 php 脚本来向 facebook 用户发送带有 html 格式和自定义 css 样式的消息。该消息可以在他的私人消息框中看到。如果保持html格式就完美了。我发现这样做的唯一方法是将样式内联（作为标记属性）而不是编写内部样式部分或使用外部 css 文件。

例如：<div style="width:100px">

但我有两个问题。img 标记中的图像不显示，我无法插入包装块以适应整个消息宽度。

我怎样才能正确地做到这一点？

Answer 1

不确定 facebook 有什么怪癖，但最好的做法是包含内联样式并在 html 电子邮件中使用表格。为了使您的图像正常工作，它可能需要在线托管，而不是嵌入。

假设 facebook 没有删除任何代码，像这样的简单表格应该适合宽度：

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
  <tr>
    <td style="padding:20px; padding-bottom:0;">
      <img style="margin: 0; border: 0; padding: 0; display: block;" src="http://lorempixel.com/400/200/sports/" width="400" height="200" alt="">
    </td>
  </tr>
  <tr>
    <td style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; padding:20px;">
      Content here.
    </td>
  </tr>
</table>

注意 - 这不是一个完整的 html 电子邮件结构，只是一个应该放在正文部分的表格。