html – 在outlook邮件中未采用图像样式的高度和宽度

前端之家收集整理的这篇文章主要介绍了html – 在outlook邮件中未采用图像样式的高度和宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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]-->

猜你在找的HTML相关文章