電子郵件時事通訊 - 佈局在gmail中變得很奇怪

我爲MailChimp創建了一份通訊。當我把它放入mailchimp網站時，一切看起來都不錯。電子郵件時事通訊 - 佈局在gmail中變得很奇怪

但是，當我向自己發送測試電子郵件時，某些佈局部分在Gmail中出錯。

有些內容過於偏離，其他內容過於正確。雖然標題和底部的一些部分位於正確的位置。在我的手機上看起來很好。

能否請你幫我解決了在Gmail中如何顯示：http://pastie.org/private/cwvosox7nzezqif7r3myoq

問題我得到在Gmail中的圖片？謝謝！

2013-06-13 RubyA

欲瞭解更多信息，看看這個[CSS支持臺（http://www.campaignmonitor.com/css/）。你可以檢查，如果你已經使用了一些gmail實際上不支持的技術。 – kleinfreund

它是對齊=「左」嗎？如果是這樣，我該如何解決它？ – RubyA

不，html屬性'align'應該在html電子郵件中有相當好的支持。你使用哪個瀏覽器？ – kleinfreund

它看起來像你的網頁的寬度大於gmail的div ... 或kleinfreund的想法也有一個好點。

2013-06-13 11:39:43 Pumpkinpro

他應該嘗試和調整您的電子郵件預覽在MailChimp窗口的大小 – kleinfreund

我的寬度是534px。我不明白爲什麼它的標頭確定，但是某些區域出錯 – RubyA

@RubyA另外請注意，您必須在所有容器tds上設置寬度：'' – kleinfreund

編輯：我只是重讀，看起來像這是你自己的html。您的顯示問題與您腦海中的風格直接相關。

上面顯示的代碼包含頭部中的所有內容，gmail無法識別<head></head>標記之間的任何內容。

你需要將所有你的CSS的移動到內聯樣式

2013-06-14 17:45:29 OneEightLeft

其實，if使用MailChimp，它應該自動內聯CSS。但是，我並不是100％信任它，所以我總是自己內聯CSS，但MailChimp確實有一個工具來幫助完成此過程：http://beaker.mailchimp.com/inline-css – samanthasquared

回答