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

我想用我的CRM（Nation Builder）發送自定義電子郵件。通過「自定義」，我的意思是我用HTML/CSS編碼。我的自定義電子郵件CSS在Gmail上不起作用

我創建使用相同的結構，作爲一個網站的HTML文件：

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

      My CSS 

     </style> 
     </head> 
     <body> 

      My HTML body 

     </body> 
</html>

我的電子郵件地址，當我打開它的Gmail出現在我的郵件應用罰款（我的Mac上），但是，在相同的郵件接縫沒有CSS。

Even weirder：我從我喜歡的網站收到一份簡報。它在Gmail上完美運行。所以我在我的網絡瀏覽器上顯示它，複製HTML代碼，將它粘貼到Nation Builder併發送到我的Gmail。但在Gmail上再次沒有CSS（它在我的Apple Mail App上工作正常）。即使原始郵件在相同的Gmail上運行良好。

有人可以向我解釋爲什麼一封電子郵件，在Gmail上工作正常，並且我複製/粘貼從我的CRM發送它不起作用？

謝謝！

來源

2016-02-09 Nicolas Roy

並非所有的電子郵件客戶端都支持css。爲電子郵件編寫內聯樣式更好。看到這個鏈接的內嵌html轉換 – Chris

但我已經複製並粘貼了Gmail上的電子郵件的代碼...這是我沒有得到的部分 –

請閱讀此：https://www.emailonacid.com/blog/article/email-development/gmail_web_app_allows_style – M98

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

此外，要添加設計，請使用帶有HTML元素的內聯css。如果您在模板中使用任何圖像，則使用絕對路徑而不是相對路徑。 This link也可能幫助您構建電子郵件模板。

來源

2016-02-09 11:37:19 PHPExpert

你想寫大部分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石蕊PutsMail使用類似CSS Inline。他們是免費的，他們會爲你做一些繁重的工作。

來源

2016-09-06 19:38:50

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

回答

相關問題