Размер логотипа для рабочего стола Outlook - PullRequest
Новая
       97

Размер логотипа для рабочего стола Outlook

0 голосов
/ 14 ноября 2018

enter image description here Я создаю электронные письма, используя редактор Drag & Drop в CRM (Dynamics 365 с ClickDimensions).Для логотипа я использую HTML для вставки изображения.Логотип отлично подходит для любого почтового клиента, кроме рабочего стола Outlook.Здесь он отображается в натуральную величину и игнорирует встроенный стиль.Если я добавлю «width = ...» в строке с img, он будет отображаться меньше, но будет ориентирован в верхнем левом углу письма, а не там, где он должен быть.

Я нашел следующее условие и попытался заставить его работать, но он ничего не делает.

<div style="box-sizing: border-box; white-space: normal;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.42857143; word-wrap: break-word !important; white-space: normal;  padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px;">
    <!--[if (gte mso 9)|(IE)]>
        <style>
            #logo {
                max-width: 130px !important;
                padding-left: 40px !important;
            }
        </style>
    <![endif]-->
    <a href="https://www.southuniversity.edu/"><img id="logo" src="https://s3.amazonaws.com/dceh-marketing/SU/Logos/Systemwide/PNGs/South_Estab1899_CMYK.png" alt="South University Logo" style="max-width:130px; display:block; margin:auto;"></a>
</div>

Я не могу написать какой-либо код, кроме того, который указан в поле, это не полноценный редактор HTML.Все, что снаружи, стирается.Любые идеи о том, что я могу написать, чтобы логотип правильно отображался в Outlook?Спасибо !!

1 Ответ

0 голосов
/ 14 ноября 2018

Если вы не можете написать код за пределами этого поля, вам придется жить с логотипом неправильного размера в Outlook.

Outlook проблематичен, когда дело доходит до изображений. Он отобразит изображения в том размере, в котором они были созданы, и проигнорирует ваше объявление ширины встроенного стиля. Исправление заключается в добавлении width="130" к <img>.

Пример: 

<img id="logo" src="https://s3.amazonaws.com/dceh-marketing/SU/Logos/Systemwide/PNGs/South_Estab1899_CMYK.png" width="130" alt="South University Logo" style="max-width:130px; display:block; margin:auto;">

Размер изображения на самом деле 344x161, и я предполагаю, что Outlook отображает его в таком размере. Либо измените размер изображения, либо добавьте width="160" к <img>, либо оставайтесь с проблемой.

Удачи.

...