Высота и ширина стиля изображения не принимаются в почтовых сообщениях Outlook.

У меня есть следующая структура dom в html-контенте, который я отправляю по электронной почте.

<a href="#" onclick="location.href='http://content.mindmatrix.net/email/814xjqjmpj5r/b59tqx7tzz2x7'; return false;"
 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. Я не уверен, будет ли он сохраняться в Outlook, когда мне удастся установить стиль высоты и ширины. так как я могу исправить это

Ответ 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]-->

Ответ 2

Это сработало для меня:

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

Пока ничего не сделано.

Ответ 3

Пункты должны быть остановлены по какой-то нечетной причине.

Ответ 4

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

Ответ 5

Можно подтвердить, что вывод px из ширины и высоты сделал трюк для Outlook

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

Ответ 6

Мне было приятно создать электронное письмо для Outlook 2010 на основе данных sharepoint. Но при создании электронной почты Outlook взгляд на мудрость уменьшает ширину imga и высоту до см. интересно использовать ширину и высоту, когда вы пересылаете письмо, но не открываете его.

взломать исправление.

У меня было изображение 720px X150px, которое должно быть 19.05cm x 3.98cm. НО внешний вид устанавливает ширину и высоту изображения (15,24 см X 3,18 см). * ясно, что это проблема.

используемый мной hack устанавливал тег html-изображения следующим образом

почему эта ширина и высота; а также его соотношение (25%) между тем, что говорилось в прогнозе и каково это (720 х 25% = 900). Это не очень, но это работает.

Ответ 7

У меня такая же проблема для изображения, которое не отображается правильно в outlook.and Я использую px и% для применения высоты и ширины для изображения. но когда я удалял px и% и использовал только то, что значение html в нем работает для меня. Например, я использовал: width = "800px", теперь я использую widht = "800", и проблема решена для меня.

Ответ 8

Это работает для меня в Outlook:

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

Я надеюсь, что это сработает для вас.