Outlook 메일에서 가져 오지 않은 이미지 스타일 높이 및 너비

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>

height:150px;width:120px썸네일 크기로 만들기 위해 이미지에 스타일 을 부여 하고 있습니다. 이 이미지의 실제 높이와 너비는 매우 큽니다. 문제는 메일이 Outlook받은 편지함에 들어갈 때이 스타일이 적용되지 않는다는 것입니다. 그래서 내 질문은-

1) 높이와 너비를 설정하기 위해 CSS를 어떻게 작동시킬 수 있습니까?

2) Windown 라이브 메일 에서 이미지가 흐릿하게 나타납니다 . 높이와 너비의 스타일 고정에 성공할 때 전망이 지속 될지 확실하지 않습니다. 그래서 이것을 어떻게 고칠 수 있습니까?

---

너비와 높이를 단위없이 별도의 속성에 넣으십시오.

<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를 생략해야합니다.

---

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

이것은 Gmail과 Outlook 모두에서 저에게 효과적이었습니다.

---

너비와 높이에서 px를 제외하면 Outlook에 트릭이 있음을 확인할 수 있습니다.

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

---

SharePoint 데이터를 기반으로 Outlook 2010에 대한 이메일을 작성하는 것이 즐거웠습니다. 그러나 Outlook 이메일을 작성할 때 지혜로운 Outlook은 이미지 너비와 높이를 cm로 줄입니다. 흥미롭게도 너비와 높이를 사용하면 이메일을 열 때가 아니라 이메일을 전달할 때 올바르게 시작됩니다.

해킹 수정.

19.05cm x 3.98cm 여야하는 720px X150px 이미지가 있습니다. 그러나 전망은 이미지 너비와 높이를 (15.24cm X 3.18cm)로 설정합니다. * 분명히 이것은 문제입니다.

내가 사용한 해킹은 다음과 같이 html 이미지 태그를 설정했습니다.

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

왜 그 너비와 높이; 전망이 말한 것과 그것이되어야하는 것 (720 X 25 % = 900) 사이의 비율 (25 % 증가)입니다. 예쁘지는 않지만 작동합니다.

---

Outlook에서 올바르게 표시되지 않는 이미지에 대해 동일한 문제가 있으며 이미지의 높이와 너비를 적용하기 위해 px 및 %를 사용하고 있습니다. 하지만 px와 %를 제거하고 html의 값만 사용하면 저에게 효과적입니다. 예를 들어 나는 사용하고 있었다 : width = "800px"지금은 widht = "800"을 사용하고 있으며 문제가 해결되었습니다.

---

이것은 Outlook에서 나를 위해 작동합니다.

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

나는 그것이 당신에게 효과가 있기를 바랍니다.

참조 URL : https://stackoverflow.com/questions/20989897/image-style-height-and-width-not-taken-in-outlook-mails