Android Gmail客戶端表格間距

這是一個Android Gmail客戶端錯誤？我創建了一個響應郵件，只有android gmail客戶端錯誤地渲染了表。其餘的都可以。代碼可以在此鏈接看到 - PasteBin或JSBin Android Gmail客戶端表格間距

P.S.我忘記了關閉html標籤。在我的郵件中，所有內容都正確嵌套並關閉。

Gmail不支持所有HTML標記。 –

我大多使用表格。這只是一個簡單的佈局。我以前的代碼運行良好，但目前它運行不正常 –

嗯，它是一個Gmail問題。像'src'和'href'這樣的標籤也不能正確渲染。 –

如果您編程正確，Gmail可以很好地呈現電子郵件。你的HTML看起來相當完整。所以我沒有看到你得到這個正確渲染的麻煩。

一對夫婦的注意事項：

Android版Gmail應用沒有完全支持@media查詢。如果您的電子郵件在Android Gmail上沒有正確回覆，那就是原因。
爲了確保您不會在圖像周圍出現間距問題，您的圖片應始終有style="display:block"。如果您的圖像坐在表格單元格中，請確保在表格單元格上添加style=font-size: 1px; line-height: 1px;"。這將確保電子郵件客戶端不會在圖片上下顯示和額外的空白處（我通常在Outlook中看到這一點，但我也在Gmail中看到過它）。

2014-01-30 12:50:34

添加font-size：1px的問題是，當圖像首先隱藏時，alt文本將會太小。雖然我已經嘗試添加字體大小和行高了。我想知道這是真的GMAIL應用程序問題還是代碼錯誤。 –

我從來沒有遇到過這個問題。提供你有'保證金：0; border：0;填充：0;顯示：塊;'在你的圖像CSS中，它獨自坐在''中，你不需要所有的字體和行高。 – John

即使'margin：0; border：0;填充：0;顯示：塊;'我注意到問題。如果我們想挑剔：'font-size：1px; line-height：1px;'比所有圖像上的所有邊距都少。：P這種技術通常適用於我。如果您關心的是如果圖片不顯示您的alt標籤，您可以將css樣式應用於實際圖片。 –

^你應該避免字體大小設定爲小於5px的因SpamAssassin認爲這種風格爲垃圾內容的標識符。 Gmail手機的問題是它在表單元格上的默認行高爲16像素。將任何內容破壞版面的<td>上的行高設置得更低（但不是< 5px）。

2014-02-03 16:54:49 zazzyzeph

回答