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 live mail 中的图像显得模糊。当我成功修复高度和宽度的风格时，我不确定它是否会坚持前景。那怎么能解决这个问题

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。

Answer 4

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

这对我来说都适用于gmail和outlook。

Answer 5

可以确认从宽度和高度离开px是Outlook的技巧

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

Answer 6

我有幸根据sharepoint数据为outlook 2010创建了一封电子邮件。但是在创建Outlook电子邮件时，其智慧的前景会将imga的宽度和高度降低到cm。有趣的是，当你转发电子邮件时，正确地使用宽度和高度，而不是在你打开它时。

修复。

我的图像是720px X150px，应该是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％）（720 X 25％= 900）。它不漂亮，但它的工作原理。

Answer 7

我对于在outlook中没有正确显示的图像有同样的问题。我使用px和％来应用图像的高度和宽度。但是当我删除px和％并且只使用html中的任何值时，它对我有效。例如我正在使用：width =“800px”现在我正在使用widht =“800”并且问题已经解决了。

Answer 8

这适用于Outlook：

<img src="image.jpg" width="120" style="display:block;width:100%" />

我希望它适合你。

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

8 个答案: