2012-10-16 60 views
16

我最近一直在爲我的客戶開發新聞稿。我怎麼似乎無法找到好的信息,哪些css和html可以安全地在主要的郵件客戶端中使用。什麼html/css屬性是郵件安全的?

我想也許這裏有人有這方面的知識,我們可以創建一些在主要郵件客戶端工作的事情列表。

這是我從廣告系列監視器借來的流行郵件客戶端列表。 (如果我忘了財產以後,請告訴我)

Microsoft Outlook 
Apple Mail 
Hotmail 
Yahoo! Mail 
Gmail 

的問題是什麼標籤,屬性,特殊的怪癖是有這些主流瀏覽器,如何對它們很容易避免。

感謝您的幫助,

回答

6

你可以找到的完整列表支持和不支持所有主要電子郵件客戶端的CSS功能在Email Standard Project

真的開發HTML郵件有用的引導,其中有一噸的差異消除器是HTML Email Bolerplate

而作爲一個一般的規則 - 始終使用表和所有的老派的HTML標籤(aligncentervaligncolor等)。有關該主題的一些reading

0

的Gmail已經支持在頭

您可以使用CSS選擇器的一個子集,以應用樣式的style標籤。 Gmail支持 類,元素和id選擇器。

<html> 
    <head> 
    <style> 
     .colored { 
     color: blue; 
     } 
     #body { 
     font-size: 14px; 
     } 
    </style> 
    </head> 
    <body> 
    <div id='body'> 
     <p>Hi Pierce,</p> 
     <p class='colored'>This text is blue.</p=> 
     <p>Jerry</p> 
    </div> 
    </body> 
</html> 

和媒體查詢:

您可以使用標準的CSS媒體查詢調整電子郵件的造型,以適應用戶的當前設備。Gmail支持針對屏幕寬度,方向和分辨率進行查詢。

<html> 
    <head> 
    <style> 
     .colored { 
     color: blue; 
     } 
     #body { 
     font-size: 14px; 
     } 
     @media screen and (min-width: 500px) { 
     .colored { 
      color:red; 
     } 
     } 
    </style> 
    </head> 
    <body> 
    <div id='body'> 
     <p>Hi Pierce,</p> 
     <p class='colored'> 
     This text is blue if the window width is 
     below 500px and red otherwise. 
     </p> 
     <p>Jerry</p> 
    </div> 
    </body> 
</html>