Почему в Firefox, Internet Explorer, Chrome Web Browser мой шаблон электронной почты отображается правильно, но в программе чтения электронной почты Microsoft Outlook он не работает?

Question

У меня есть шаблон, который я использовал для отправки электронных писем, написанных исключительно вручную, с помощью css, а затем я протестировал в браузере Firefox / InternetExplorer / Chrome. Но когда я отправляю это электронное письмо Моему боссу, он всегда является пользователем Microsoft Outlook.

Он всегда нарушает выравнивание, тексты нарушаются, все проблемы начинаются. Мой вопрос: как ты тогда пишешь? Ни один веб-браузер не отображает мой шаблон неправильно.

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

Спасибо

Answer 1

outlook использует более старую версию Trident, движка рендеринга CSS.В зависимости от того, какой Outlook ваш босс, тем хуже он может стать.Outlook 2010 фактически вернулся к более старой версии Trident из-за того, что Microsoft проиграла дело Anti-trust с ЕС, поэтому, какая бы версия не была до 2010 года, на самом деле она выглядит лучше, однако обе они довольно плохие.Вы захотите буквально прекратить разработку с использованием современных html / css и вернуться к старым школьным форматам таблиц.Я знаю, это брутто, но вам придется сделать это для электронной почты.лучшие тесты являются нативными, но если у вас нет доступа к обеим версиям (не у многих), вы должны проверить EmailOnAcid.com, они предоставляют множество почтовых клиентов, на которых вы можете протестировать.constantcontact.com, mailchimp.com и campaignmonitor.com предлагают больше, чем услуги тестирования, если вам нужно что-то еще.

Answer 2

Outlook 2007 - плохой парень. Любой новее или старше намного лучше. В Outlook 2007 многие команды CSS не работают.

Подробнее см. На этой странице: http://www.email -standards.org / .

Однако попробуйте отправить свои электронные письма на Gmail.com и посмотреть, как они отображаются в веб-интерфейсе Gmail - Gmail довольно ограничительный и, как правило, если он хорошо отображается, он должен хорошо выглядеть в других веб-клиентах тоже.

Несколько советов, касающихся писем в формате HTML:

• Перспективы
  • Хорошо бы предоставить width для Outlook, в противном случае может произойти сбой CSS.
  • Outlook не поддерживает padding для <div> s / <p> s, float и различных других вещей.
• Gmail
  • Для Gmail вы должны использовать встроенный CSS вместо определения классов.
  • Gmail фактически анализирует CSS, предоставленный вами, и, например, меняет height на min-height, поэтому использование высоты бесполезно. Однако min-height из <td> не соблюдается браузерами, поэтому внутренние <div> s внутри <td> s могут использоваться для обеспечения применения минимальной высоты.
  • Gmail снимает фоновые изображения, и, как правило, во всех почтовых клиентах изображения отображаются по запросу пользователя по соображениям безопасности. Поэтому, оберните изображения с <div> и установите цвет фона и цвет этого внешнего div, и предоставьте alt (альтернативный текст) для изображения (обратите внимание также, что изображения с пустыми src не сохраняют ширину и высоту при визуализации браузером).