Адаптивные шаблоны помогают электронным письмам корректно отображаться на разных устройствах благодаря тому, что позволяют письму подстраиваться под ширину экрана. 5

Некоторые способы, как это происходит:

• Использование медиазапросов (Media Queries). 1 Это CSS-код, который изменяет стили письма в зависимости от устройства получателя. 1
• Гибкие (резиновые) макеты. 1 Вместо фиксированных размеров (px) используются относительные единицы (%, em, vw). 1 Изображения масштабируются. 1
• Мобильный-first подход. 1 Письмо изначально создаётся под мобильные устройства, а затем адаптируется под большие экраны. 1 Используются крупные шрифты, кнопки, удобные для нажатия пальцем. 1

Благодаря адаптивной вёрстке контент письма удобен для восприятия независимо от того, открывает ли пользователь сообщение на планшете, настольном компьютере или смартфоне. 3 Заголовки полностью видны, кнопки достаточно крупные для нажатия, а текст легко читаем без необходимости увеличивать масштаб. 3