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



@IliaMal

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

Необходимо сверстать письмо с адаптацией под мобильные устройства.
Пишу как для обычного 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>)?


Решения вопроса 0


Ответы на вопрос 1



@delphinpro Куратор тега CSS

Потому что ни один почтовый клиент не поддерживает медиа-запросы.
https://yandex.ru/search/?text=адаптивный+дизайн+д…

Добавить комментарий

Ваш адрес email не будет опубликован.