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