2015-04-05 124 views
0

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

电子邮件主体由翡翠模板解析,这里是一个示例:

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') 

想法非常感谢!

+0

这是正确的html代码吗? HTML标签必须是

这样。 – 2015-04-05 17:49:36

回答