У меня есть следующая структура 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, когда мне удастся установить стиль высоты и ширины. так как я могу исправить это
Поместите ширину и высоту в отдельные атрибуты без единицы:
<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;"
Пока ничего не сделано.
Пункты должны быть остановлены по какой-то нечетной причине.
<img id="_x0000_i1026" src="images/img.jpg" width="120" height="150" />Можно подтвердить, что вывод px из ширины и высоты сделал трюк для Outlook
<img src="image.png" style="height: 55px;width:139px;border:0;" height="55" width="139">
Мне было приятно создать электронное письмо для Outlook 2010 на основе данных sharepoint. Но при создании электронной почты Outlook взгляд на мудрость уменьшает ширину imga и высоту до см. интересно использовать ширину и высоту, когда вы пересылаете письмо, но не открываете его.
взломать исправление.
У меня было изображение 720px X150px, которое должно быть 19.05cm x 3.98cm. НО внешний вид устанавливает ширину и высоту изображения (15,24 см X 3,18 см). * ясно, что это проблема.
используемый мной hack устанавливал тег html-изображения следующим образом
почему эта ширина и высота; а также его соотношение (25%) между тем, что говорилось в прогнозе и каково это (720 х 25% = 900). Это не очень, но это работает.
У меня такая же проблема для изображения, которое не отображается правильно в outlook.and Я использую px и% для применения высоты и ширины для изображения. но когда я удалял px и% и использовал только то, что значение html в нем работает для меня. Например, я использовал: width = "800px", теперь я использую widht = "800", и проблема решена для меня.
Это работает для меня в Outlook:
<img src="image.jpg" width="120" style="display:block;width:100%" />
Я надеюсь, что это сработает для вас.