未在Outlook邮件中拍摄的图像样式高度和宽度

Question

我在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>

我正在给height:150px;width:120px图像的样式,使其大小缩略图.该图像的实际高度和宽度非常大.问题是,当邮件进入Outlook收件箱时,不会采用这种方式.所以我的问题是 -

1)如何使css工作以设置高度和宽度.

2)Windown实时邮件中的图像显得模糊.当我成功修复高度和宽度的风格时,我不确定它是否会坚持前景.那怎么能解决这个问题呢

Answer 1

将宽度和高度放在单独的属性中,没有单位:

<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]-->

Answer 2

这对我有用:

src="{0}"  width=30 height=30 style="border:0;"

到目前为止还没有其他任何工作.

Answer 3

可以确认从宽度和高度中删除 px 对 Outlook 起到了作用

<img src="image.png" style="height: 55px;width:139px;border:0;" height="55" width="139">

Answer 4

由于一些奇怪的原因,px需要被关闭.

Answer 5

我很高兴根据共享点数据为 Outlook 2010 创建电子邮件。但是在创建 Outlook 电子邮件时，Outlook 的智慧是将图像宽度和高度减少到厘米。有趣的是，当您转发电子邮件时正确使用宽度和高度，但当您打开它时则不会。

黑客修复：

我有一个图像 [720px X 150px] 应该是 [19.05cm X 3.98cm]。但是 Outlook 将图像宽度和高度设置为 [15.24cm X 3.18cm]。显然这是一个问题。

我使用的 hack 是按如下方式设置 html 图像标签：

<img src="...." style="width:720px; heigh:150px" width="900" height="187.5" />

为什么是那个宽度和高度？

嗯，这是之间的比率（增加 25%）

• 什么前景在说什么和
• 通过增加当前大小的 25%应该是什么；这是(720 X 1.25 = 900)和(150 X 1.25 = 187.5)。

它不漂亮，但它有效。

Answer 6

<img id="_x0000_i1026" src="images/img.jpg" width="120" height="150" />

这在Gmail和Outlook中都对我有用。