Как скрыть мобильную версию в почтовой рассылке, на десктопе, а десктоп на мобильной (sendgrid)
Верстаю письмо под сервис send grid. Стили из style он не подтягивает, соответственно стили для мобильной версии не написать. Сработало решение с 2-мя версиями.
@media only screen and (max-width:768px) {
.desktop-view{display: none !important;}
}
@media only screen and (min-width:769px) {
.mobile-view{display: none !important;}
}
<table class="module mobile-view" table-view="mobile" border="0" cellpadding="0" cellspacing="0" data-type="code" role="module" style="table-layout: fixed;">
<tr>
<td> mobile content here </td>
</tr>
</table>
<table class="module desktop-view" table-view="desktop" role="module" data-type="code" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;">
<tr>
<td> desktop content here </td>
</tr>
</table>
На gmail работает, на outlook выводятся 2 версии, не скрывается одна. Так же на gmail при переправке письма выводятся 2 версии. Есть ли вариант их скрыть?