Почему письмо выглядит по-другому в мобильной версии

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

Пример разного отображения текстового блока мобильной версии письма в предустановленном приложении iOS на iPhone и в мобильном приложении iOS Яндекса на том же устройстве:

Как видно в примере выше, блок на сером фоне во встроенном приложении iOS адаптировался к размерам экрана: заголовок перестроился, у основного текста изменился кегль, разделяющая линия выглядит соразмерно блоку. А мобильная версия в приложении Яндекс.Почты отображается как уменьшенная веб-версия: блоки не адаптировались по размеру, из-за чего текст сложно читать.

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

Медиазапросы (media queries) — правила вёрстки, которые включаются на мобильных устройствах.

Media queries для российского сегмента сейчас поддерживаются всего в двух клиентах: mail.ru и gmail.com.

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

Так, например, если сам почтовый ящик на Яндексе, а просматривается почта через предустановленное приложение iOS, то письмо будет адаптивным, потому что приложение поддерживает медиазапросы. Но если открыть то же самое письмо через приложение Яндекса, то блоки не будут адаптивными.