在 iOS 8 中显示电子邮件

Question

我有一些非常基本的 HTML 电子邮件，我通过 AWS SES（注册、密码重置等）向站点用户发送这些电子邮件。电子邮件在我测试过的每个客户端中都按预期显示，除了我的 iPhone 5 上的 iOS 8 邮件应用程序，它显示一个空白屏幕。奇怪的是，所有元素都在那里——我可以复制和粘贴文本、下载图像并访问所有链接，基于它们应该在屏幕上占据的空间——它们只是不可见的。我已经排除了电话/收件箱问题，因为这些是唯一这样做的电子邮件，但它是每一个。

邮件正文是从 Jade 模板中解析出来的，这里是一个示例：

doctype html
html(lang="en")
  head
    title Page title
    style(type='text/css') a:active, a:link, a:visited { text-decoration: none;color: #777; } a:hover { text-decoration: none; color: #999;cursor:hand; } 
  body(style="font-family:'helvetica neue', helvetica, sans-serif;font-weight:200")
    table(width="100%" height="100%")
      table(width="100%" style="height:100px;text-align:center;background:#000;box-shadow:0 0 6px #999")
        tr(width="100%" height="100%")
          td(width="100%" height="100%" style='vertical-align:middle')
            img(src='https://header-image')
      table(width="100%")
        tr(width="100%")
          td(width="100%" style="padding:50px; font-size:1em; color:#333;text-align:left")
            p Text and links
      table(width="100%" height="24px" style="text-align:center;background:#000;box-shadow:0 0 6px #999")
        tr(width="100%" height="100%")
          td(width="100%" height="100%")
            p
              a(href='https://social-media-link') 
                img(src='https://social-media-image')

非常感谢您的想法！

Answer 1

知道了 - 这是一个 CSS 问题。一旦我将所有 CSS 更改为内联并删除样式表，它就可以正常工作了。