视图邮件中未采用图片样式高度和宽度

问题描述

 < 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式的：固体;左边框宽度：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> 
  

我给了style height：150px; width：120px 来制作大小缩略图。此图片的实际高度和宽度非常大。问题是，邮件进入Outlook收件箱时不会采用此样式。所以我的问题是 -

1）我怎样才能使css工作设置高度和宽度。

2）图像在 Windown实时邮件中显示模糊。我不确定它是否会坚持前景，我会成功地固定高度和宽度的风格。所以如何解决这个问题

解决方案

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

 < img style =margin：0; border：0; padding：0; display：block; 
 src =images / img.jpgwidth =120height =150> 
  

另一个选项：

 <！ -  [if gte mso 9]> 
< style type =text / css> 
 img.header {width：600px; } / *或类似的东西* / 
< / style> 
<！[endif]  - > 
  

I have a following dom structure in html content I am sending as email.

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

I am giving style height:150px;width:120px to image for making it of size thumbnail. Actual height and width of this image is very large. Problem is, this style is not taken when mail goes in outlook inbox. So my questions are -

1)How can i make the css work for setting height and width.

2) Image appears blur in Windown live mail. I am not sure whether it will persist in outlook when i will succeed in fixing style of height and width. so how can i fix this

解决方案

Put the width and height in separate attributes, with no unit:

<img style="margin: 0; border: 0; padding: 0; display: block;"
src="images/img.jpg" width="120" height="150">

Another Option:

<!--[if gte mso 9]>
<style type="text/css">
img.header { width: 600px; } /* or something like that */
</style>
<![endif]-->

这篇关于视图邮件中未采用图片样式高度和宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！