Как достичь адаптивной вёрстки в email-рассылках?

Question

[Влад]

Или как сделать так, чтобы почтовые сервисы не зарубали media-запросы?

Заинсталлил фреймворк Foundation for Emails (Sass), сверстал рассылку и забилдил.
Тестирую на мобильных приложениях от e.mail.ru и mail.yandex.ru – приходит десктопная вёрстка.
Смотрю другие рассылки типа от Авито и прочие – у них адаптивная вёрстка работает.
Как этого достичь?

Вёрстка Ссылка удалена модератором.

Comments

[Василий Банников]

Или как сделать так, чтобы почтовые сервисы не зарубали media-запросы?

Никак.

Не знаю, как ты там сверстал. Обычно если верстаешь не очень сложно и без жёстких размеров, то оно в принципе и так нормально сжимается.

Answer 1

[ΞX MI]

Привет.

Разные почтовики по-разному относятся к тем же медиа-запросам, но чаще всего они либо игнорируются, либо вырезаются. Поэтому адаптив достигается в первую очередь за счёт адекватно отрисованного макета, учитывающего специфику задачи, и потом уже свёрстанного, либо самостоятельно и с указанием ширины таблиц/блоков в % (практика показала, что это наиболее стабильный и предсказуемый метод), либо используя шаблоны/фреймворки, которых можно найти довольно много.

Или как сделать так, чтобы почтовые сервисы не зарубали media-запросы?

Никак. Меняйте подход к вёрстке :)