androidgmailhtml-emailapple-mail

Android gmail can't scale background image correctly

<html>
  <head>
  </head>
  <body>
  <td>
    <table align="center" background="{{imgUrl}}" height="461" width="597">
      <tr>
        <td width="597" height="461">&nbsp;</td>
      </tr>
    </table>
  </body>
</html>

See code above. On android, the image is not scaled correctly. See image attached.enter image description here Is there anyone who know how to fix it? Thanks!

Solution

  • It is caused by gmail auto-sizing and could be fixed by applying min-width -- style="min-width:597px;"

    Ideas from - https://www.campaignmonitor.com/forums/topic/7733/android-gmail-image-resizing-issues/