html - Mobile email ignoring max-width CSS -
i'm trying build html email works on mobile devices, when use max-width css property define width of main table element, ios , android both ignore , stretch entire email out fit default widths. breaks design. here code:
<html> <head> <title>html email</title> </head> <body yahoo bgcolor="#ffffff" style="margin: 0; padding: 0; min-width: 100%!important;"> <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff"> <tr> <td align="center"> <table class="content" cellpadding="0" cellspacing="0" border="0" style="width:100%; max-width: 550px;"> <tr> <td>my content</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
Comments
Post a Comment