Outlook.com and max-width
Hi,
I'm working on a campaign for all email clients, tablets and mobiles. I’m using compressive image technique so images needn’t to be duplicated by the size. For instance:
<a href="#"><img width=“732" style="-ms-interpolation-mode: bicubic; width:100%; max-width:732px; border:0; margin:0; padding:0; display:block; height:auto;" src="http://" alt="Worth the wait" /></a>
The actual image width is 1,416px. However, Outlook.com is presenting issues displaying the image.
I have been trying different ways to fix it. Even conditional comments but it does not work:
<!--[if gte mso 9]>
<table width="732" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<![endif]-->
<a href=“#"><img width="732" style="-ms-interpolation-mode: bicubic; width:100%; max-width:732px; border:0; margin:0; padding:0; display:block; height:auto;" src="http://www" alt="Just enjoy" /></a>
<!--[if gte mso 9]>
</td>
</tr>
</table>
<![endif]-->
Any ideas?
What sort of issues are you seeing with the image?
it shrinks on outlook.com. Min-width:100%; fixed the issue in the end! Thanks
Try applying width=732 to the <td> containing the image
I tried it but it didn't work. Thanks anyway.