На данный момент, в сфере разработки электронных писем, существует два метода создания писем, которые будут работать для мобильных устройств:

  1. метод, используя CSS Media Queries, давайте назовем его «Адаптивный»;

  2. метод без Media Queries, давайте назовем его «Fluid-Hybrid».

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

Мы знаем об этой проблеме и даже опубликовали специальный пост в блоге с которым Вы можете ознакомиться.

Так что же происходит в процессе экспорта? Вы экспортируете письмо, затем отправляете нужному почтовому клиенту - и если адаптивный дизайн (Media Queries) не поддерживается Вашим сервисом для отправки писем, то все стили мультимедиа автоматически вырезаются, что делает письмо неадаптивным для мобильных приложений.

Мы также знаем, что он удаляет весь CSS-код из адаптивных стилей.

Чтобы обеспечить правильное мобильное отображение письма в Gmail, я рекомендую Вам экспортировать свою письмо в любой ESP, поддерживающий медиа-запросы, а затем отправить его в Gmail. В этом случае электронное письмо будет адаптивным в этом почтовом клиенте.

Ситуация с Outlook довольно похожа - так как, не все версии Outlook поддерживают адаптивный дизайн для мобильных устройств - Outlook просто автоматически удаляет все адаптивные стили из кода.

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

Обращаем Ваше внимание, что все тестовые сообщения, отправленные Вами со Stripo на Outlook.com, будут адаптивны на мобильных устройствах.

Однако в приложениях Outlook одно и то же письмо не всегда может быть адаптивным.

Вы нашли ответ?