Автоматически растягивать или даже повторять img внутри td на en edm (html email)

Question

У меня проблема во время создания EDM (HTML письмо). Код можно найти здесь jsfiddle.net/4Mss8/

Проблема заключалась в том, что img в тегах img не будет расширяться (растягиваться) до максимальной высоты td среди столбцов в клиенте gmail для Android, но в любом граничном браузере это нормально. Поскольку высота среднего тд была динамичной, потому что содержимое внутри не было фиксированным, а высота среднего тд сильно зависела от разрешения устройства, поэтому я не могу использовать "боковую рамку" фиксированной высоты с левой и правой стороны.

Кто-нибудь получает какие-либо предложения о том, как это исправить, чтобы он был совместим практически в большинстве браузеров (веб-почта) и почтовых клиентов?

Я тестирую html почту, используя http://putsmail.com/

Благодарю.

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.