我在html内容中具有以下dom结构,我以电子邮件的形式发送。
<a href="http://content.mindmatrix.net/email/814xjqjmpj5r/b59tqx7tzz2x7" target="_new"> <span style='text-decoration:none;text-underline:none'> <img border=0 id="_x0000_i1026" src="http://dev.mindmatrix.net/page/e7c9cf53-bae8-4024-a561-355f950cb26b/635246986810000000/original.jpeg?userid=cozmwz91irkm1" style='border-bottom-color:black;border-bottom-style:solid;border-bottom-width: 1px;border-left-color:black;border-left-style:solid;border-left-width:1px; border-right-color:black;border-right-style:solid;border-right-width:1px; border-top-color:black;border-top-style:solid;border-top-width:1px; height:150px;width:120px'> </span></a>
我给风格高度:150px;宽度:120像素,使其成为大小缩略图。该图像的实际高度和宽度非常大。问题是,当邮件进入outlook收件箱时,不会采用这种风格。所以我的问题是 –
1)我如何使CSS可以设置高度和宽度。
2)图片在Windown live mail中显示模糊。我不知道当我将成功地修复高度和宽度的风格时,是否会坚持展望。所以我该如何解决这个问题
解决方法
将宽度和高度放在单独的属性中,没有单位:
<img style="margin: 0; border: 0; padding: 0; display: block;" src="images/img.jpg" width="120" height="150">
另一选择:
<!--[if gte mso 9]> <style type="text/css"> img.header { width: 600px; } /* or something like that */ </style> <![endif]-->