自動拉伸甚至在en edm上的td內重復img（html電子郵件）

Question

制作edm（html電子郵件）時出現問題。 可以在這里找到代碼jsfiddle.net/4Mss8/

問題是img標簽中的img不會擴展（拉伸）到android gmail客戶端中各列之間的最大td高度，但是在任何邊緣瀏覽器中都可以。 由於中間td的高度是動態的，因為里面的內容不是固定的，並且中間td的高度很大程度上取決於設備的分辨率，所以我不能在左側和右側使用固定高度的“側框架”。

是否有人得到如何修復它的建議，以使其在幾乎主要的瀏覽器（Web郵件）和電子郵件客戶端中兼容？

我正在使用http://putsmail.com/測試html電子郵件

謝謝。

Answer 1

我建議使用更多客戶端支持的表格單元格背景。

所以代替：

  <td width="43px" height="100%">
   <img src="http://i839.photobucket.com/albums/zz314/hkhuman1/img_zpsb130160c.png" style="border: 0px; display: block;width:43px;height:100%" border="0">
  </td>

用這個：

  <td width="43px" height="100%" background="http://i839.photobucket.com/albums/zz314/hkhuman1/img_zpsb130160c.png">&nbsp;</td>

為了完整起見，我建議暫時不要使用CSS樣式的背景圖片（盡管從技術上講，這是最靈活的選擇），因為Hotmail / Outlook.com不支持它。