Почему не работает @media (min-width: 640px) в почтовых шаблонах?

Здравствуйте.

Необходимо сверстать письмо с адаптацией под мобильные устройства.
Пишу как для обычного html:
<style>
  .text--normal {
    font-size: 22px;
  }
  @media (max-width: 640px) {  /* или @media only screen and (max-device-width: 640px) */
    .text--normal {
      font-size: 16px;
    }
  }
</style>
<p class="text--normal">Произвольный текст</p>


Если проверяю в браузере то все Ок. Но в сервисе тестов писем стили для мобильных устройств игнорируются.

Как нужно верстать адаптивный дизайн для писем?
Можно ли как то запихать @media в нутро тега (<p style="{сюда}"></p>)?
  • Вопрос задан
  • 236 просмотров
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Потому что ни один почтовый клиент не поддерживает медиа-запросы.
https://yandex.ru/search/?text=адаптивный+дизайн+д...
Ответ написан
@IrochkaZ
Все находится по первому запросу https://www.unisender.com/ru/blog/sovety/kak-svers...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы