Стоит задача делать адаптивный емайл. Но, как оказалось медиа запросы и вьюпорт не отрабатывают, а приложение gmail само увеличивает текст. Подскажите, плиз, как можно подключить @media, как можно побороть самостоятельное увеличение текста в приложении gmail
1 ответ
Дело в том, что в мире существует целый зоопарк почтовых клиентов (настольных, с веб-серсивом или мобильных). И весь этот зоопарк живёт в прошлом тысячелетии.
Вопрос абсолютно нетривиальный, вам придётся более глубоко в него вникнуть.
Например, в «нативном» почтовом Android-клиенте media queries поддерживаются, однако на устрйоствах Samsung с той же ОС — нет (даже в нативном клиенте). Так происходит, поскольку Samsung заменила «дефолтное» почтовое приложение на клиент собственной разработки. Для того, чтобы сделать письма адаптивными в этом приложении используется техника гибридного программирования.
Поскольку media queries поддерживаются далеко не всеми приложениями, дизайнерам почтовых рассылок приходится прибегать к различным ухищрениям, которые помогают создать письма, лучше выглядящие на мобильных устройствах.
Вот хорошая статья про media queries в рассылках: Использование media queries в вёрстке email-писем: за и против
Прикрепляю табличку из этой статьи:
Эти же авторы пишут о том насколько сложно верстать письма и как это лучше делать: