Отзывчивый E-mail

Question

Я делаю отзывчивое письмо. Мой код работает повсюду, кроме Outlook 7 & 10. Я знаю, что это связано с заполнением и разметкой, и я пробовал все, чтобы исправить это, но он все еще не работает. У кого-нибудь есть решение для этого? Я попробовал то, что они сказали: https://litmus.com/help/email-clients/outlookcom-margins/

Так я изменил все мои маржинальные теги: margin-left:5%; to margin:0 0 0 5%;

Я надеюсь, что кто-то может помочь мне с этим.

Заранее благодарен

Answer 1

Можете вставить свой код? В зависимости от того, что вы пытаетесь добавить в поле «margin» и «padding», существует несколько способов гарантировать это действие среди почтовых клиентов, даже страшный Outlook.

Если вы пытаетесь добавить отступы к изображениям, не беспокойтесь. В Outlook 2007 и 2010 будет удаляться заполнение изображений. Если вы считаете, что маржи будут делать трюк, подумайте, что outlook.com не поддерживает маржу.

Для изображений лучше всего обеспечить, чтобы у вас было пространство вокруг ваших изображений, чтобы добавить ненужные поля, добавив прозрачность вокруг вашего изображения, прежде чем вы его сохраните.

Для <td> использование обивка. Заполнение в <td> поддерживается на всех почтовых клиентах.

<td style="padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;"> 

Answer 2

Дело в том, что Outlook использует Word для рендеринга HTML-разметки. Вы можете найти поддерживаемые и неподдерживаемые HTML элементы, атрибуты и описаны каскадные таблицы стилей свойства в следующих статьях:

• Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)
• Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2)

Answer 3

Если вы по электронной почте на любой из аспектов или Outlook, .com. Вы действительно не можете эффективно использовать маржи для рендеринга кросс-клиента. В общем, я обычно не рекомендую маржу, поскольку она может быть нестабильной, несмотря на ее поддержку среди почтовых клиентов.

Лучше всего использовать вложенные таблицы с заполнением тегов TD для создания ваших полей. Он далеко не изящный, но позволяет наилучшую визуализацию.

Если вы хотите/должны использовать поля, тогда я бы написал условный код для Outlook, чтобы создать таблицу с дополнением вокруг этих областей, чтобы убедиться, что она правильно отображается в Outlook. Опять же, далеко не изящный, но должен быть стабильным.