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

Html outlook邮件中未采用图像样式的高度和宽度,html,css,outlook,windows-live-mail,Html,Css,Outlook,Windows Live Mail,我以电子邮件的形式发送的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.ne

我以电子邮件的形式发送的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;宽度:120px
到图像,使其成为缩略图大小。此图像的实际高度和宽度非常大。问题是,邮件进入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]-->

这对我很有用:

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

到目前为止,还没有其他办法。出于某种奇怪的原因,px需要停止运行。


可以证实,将px从宽度和高度中剔除对Outlook来说是个好办法

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

我很高兴基于sharepoint数据为outlook 2010创建了一封电子邮件。但在创建outlook电子邮件时,outlook会将图像的宽度和高度降低到厘米。有趣的是,在转发电子邮件时正确使用宽度和高度,而不是在打开电子邮件时

黑客修复:

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

我使用的方法是如下设置html图像标记:

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

为什么是宽度和高度

这就是比例(增加25%) 中间

  • 前景是什么
  • 将当前大小的25%添加到该大小;这是
    (720x1.25=900)
    (150x1.25=187.5)

它不漂亮,但可以工作。

我对outlook中未正确显示的图像有相同的问题。我使用px和%来应用图像的高度和宽度。但是当我删除了px和%并且只使用html中的任何值时,它对我来说是有效的。例如,我使用的是:width=“800px”,现在我使用的是width=“800”,问题已为我解决。

这在Outlook中适用于我:


我希望它对你有用。

将图像制作成电子邮件中所需的准确大小。Windows MSO很难在不同的场景中调整图像大小

在使用1px x x 1px透明png或gif作为间隔的情况下,通过宽度、高度或样式属性定义尺寸将在大多数客户机中正常工作,但在windows MSO(当然)中不会


示例用例-您使用的是背景图像,需要在背景图像的某些部分上放置一个带有内部链接的。使用1px×1px的间隔gif/png只能扩展这么宽(约30px)。您需要按照精确的尺寸调整间隔垫圈。

不确定为什么这会被否决,Outlook 2010为我解决了图像大小调整问题……请详细说明这个答案好吗?这可能会对非outlook阅读器产生负面影响?不要在宽度或高度img属性中包含“px”-它们仅用于CSS。@CalvT:yup。使用无像素解决了这个问题。你应该删除第一个“诱人的答案”以避免混淆。HTML属性没有单位。只需设置宽度就足够了;高度将自动调整。Outlook确实存在一个缺陷,它没有正确解析“样式”标记。谢谢,我花了2天时间解决这个问题,你的解决方案对我有效。