Hi, I'm currently working on an eDM which needs a background image. I was using the td's background attribute. It looks fine in many email client but the android default email client that using auto-fit wrapped text but didn't scale my background at the same time. It broke my layout.
Does anyone know how I could fix this so that the background will fit the device width?
You cannot have a scalable background image on gmail since it will block the background-size style you would need to contain the image to the width of the container. You need to stop gmail from resizing your table. This can be done by using min-width on a wrapper div.
<div style="min-width: 600px"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"> <table cellspacing="0" cellpadding="0" border="0" align="center"> <tr> <td width="600" align="left"> <!-- Content here --> </td> </tr> </table> </td> </tr> </table> </div>