我的自定義電子郵件CSS在Gmail上不起作用

Question

我想使用CRM（Nation Builder）發送自定義電子郵件。 所謂“自定義”，是指我使用HTML / CSS進行編碼。

我使用與網站相同的結構創建了HTML文件：

 <html>
      <head>
        <style type="text/css">

          My CSS

        </style>
      </head>
      <body>

          My HTML body

      </body>
 </html>

我的電子郵件在我的Mail App（在Mac上）上看起來很好，但是當我在Gmail上打開它時，相同的郵件似乎沒有CSS。

甚至更奇怪：我從我喜歡的網站收到時事通訊。 它可以在Gmail上完美運行。 因此，我將其顯示在Web瀏覽器上，復制了HTML代碼，將其粘貼到Nation Builder中，然后將其發送到我的Gmail。 但是Gmail上再沒有CSS（在我的Apple Mail應用程序上可以正常使用）。 即使原始郵件運行正常，也可以在同一Gmail上使用。

有人可以向我解釋為什么在Gmail上可以正常使用並且我復制/粘貼以從CRM中發送的電子郵件不起作用嗎？

謝謝！

Answer 1

並非所有電子郵件客戶端都支持使用HTML和CSS的電子郵件模板。 要構建您的電子郵件模板，請使用HTML3 TABLE。 幾乎所有電子郵件客戶端和瀏覽器都支持它。

另外，要添加設計，請將內聯css與HTML元素一起使用。 如果在模板中使用任何圖像，則使用絕對路徑而不是相對路徑。 此鏈接還可以幫助您構建電子郵件模板。

Answer 2

您想要內聯編寫大多數CSS樣式。 例如;

<td align="left" style="padding:40px 20px 40px 20px; font-family:sans-serif; font-size:15px; line-height:20px; color:#444444; text-align:left;">Cras mattis consectetur purus sit amet fermentum.</td>

要么

<img src="path/to/img.jpg" width="600" alt="..." border="0" align="center" style="width:100%; max-width:600px;">

隨時使用Campaign Monitor Litmus PutsMail的 CSS Inline之類的工具。 他們是免費的，他們會為您完成一些繁重的工作。

我的自定義電子郵件CSS在Gmail上不起作用

問題描述

2 個解決方案

解決方案1
0 2016-02-09 11:37:19

解決方案2
0 2016-09-06 19:38:50

我的自定義電子郵件CSS在Gmail上不起作用

問題描述

2 個解決方案

解決方案1 0 2016-02-09 11:37:19

解決方案2 0 2016-09-06 19:38:50

解決方案1
0 2016-02-09 11:37:19

解決方案2
0 2016-09-06 19:38:50