2015-04-05 80 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

回答

相關問題