Как работать с медиа-запросами / не встроенным стилем электронной почты.

Question

Я только что закончил сборку / обновление 3 писем.Я загружаю HTML-код одного из писем в MailChimp, чтобы отправить тестовое письмо на наш тестовый аккаунт Gmail.Ни один из стилей, которые я применил, не появляется.Я не эксперт по html, но ясно, что в html-файле уже есть довольно много медиа-запросов, и по какой-то причине эти работы - шахты - нет.Они отлично работают, когда я открываю HTML-файл в браузере, но не когда я отправляю его на учетные записи электронной почты.Я понимаю, что мне придется писать встроенные стили для таких вещей, как цвет, отступы, размер шрифта и т. Д., Но как мне написать встроенные стили для медиа-запросов?

Спасибо за любую помощь с этой дилеммой, которая у меня возникла ...

Answer 1

Создание электронных писем адаптивных и добавление CSS занимает очень много времени.Я рекомендую использовать адаптивную структуру электронной почты, такую ​​как Foundation for Emails https://foundation.zurb.com/emails.html или MJML Email Foundation https://mjml.io/. Эти структуры позволяют вам создавать свои собственные CSS, которые затем добавляются в качестве встроенных стилей в ваши электронные письма.Затем вы можете скопировать и вставить HTML в mailchimp и отправить.У каждой из этих платформ есть небольшая кривая обучения, но они значительно упрощают создание и обновление шаблонов электронной почты.