電子郵件時事通訊未加載CSS

Question

我創建了一個網頁，用作電子郵件新聞稿。 我在代碼中使用了基本的CSS和表格。 當我從瀏覽器復制內容並將其粘貼到電子郵件撰寫頁面時，未加載CSS。

我讀了其他幾篇有關Gmail的文章，這些文章不支持<style>標記，但是我嘗試使用Yahoo!。 和Lotus Notes，但仍然存在相同的問題。

如何使此功能適用於Gmail和其他郵件提供商？

Answer 1

Gmail和其他基於Web瀏覽器的電子郵件客戶端不支持<style>在文檔的頭部標記（或<head>部分可言，對於這個問題），因為他們與他們的頁面的CSS沖突。 您還需要移動/復制內聯CSS。

例如：

<head>
  <style>
    a { color: #ff0000; }
  </style>
</head>
<body>
  <a href="#"></a>
</body>

變成...

<body>
  <a href="#" style="color:#ff0000;"></a>
</body>

一些在線工具可以幫助您，但是它們僅支持基本CSS。 您可能需要手動進行操作，並記住以后僅對內聯進行樣式設置。

Answer 2

他們不支持HTML電子郵件撰寫，它們會在收到時顯示給您，但您會很難做到。 您可以通過允許HTML編寫的IMAP客戶端來執行此操作，也可以注冊MailChimp等服務。