Gmail更改內聯樣式

Question

我正在MailChimp中創建自定義模板，所有樣式都是內聯的，但是當我發送預覽時，Gmail要么不顯示這些樣式，要么對其進行更改。

例如：

<span style="display: inline-block;width: 35px;height:4px;background-color: #ff4229;">&nbsp;</span>

Gmail將呈現為：

<span style="display:inline-block;width:35px;min-height:4px;background-color:#ff4229;"> </span>

有誰知道為什么會這樣嗎？ 謝謝！

編輯：我將最大高度添加到內聯樣式，現在可以。

Answer 1

該問題可能源於很多事情，但可能由Gmail的預處理程序完成，以確保在其電子郵件客戶端中可以安全顯示。 基本上，這意味着它會對HTML / CSS進行更改，這可能會導致其電子郵件客戶端上使用的HTML / CSS出現問題（無論是顯示還是安全）。

除此之外，可能是通過數百萬種不同的方式來讀取和編輯電子郵件，然后再將其發送到收件人的收件箱。

請參閱下面的鏈接以獲取有關此過程的更多信息：

https://litmus.com/blog/why-do-email-clients-render-emails-differently?utm_campaign=industry&utm_source=litmusblog&utm_medium=blog

https://litmus.com/blog/why-email-designs-break-rendering-guide-infographic?utm_campaign=industry&utm_source=litmusblog&utm_medium=blogs-break-rendering-guide-infographic

https://litmus.com/blog/webmail-rendering-explained-why-preprocessors-are-the-enemy

此外，大多數電子郵件客戶端的跨度都不能接受高度，寬度，顯示和背景顏色。 由於參差不齊的支持，甚至有人在電子郵件中使用DIV標簽。 您將需要將表用於大多數這些目的。 有關HTML電子郵件布局的一些鏈接，請參見下文：

https://www.campaignmonitor.com/blog/email-marketing/2011/05/div-tags-in-html-email-newsletters/

HTML電子郵件：表格還是div？