Как скрыть мобильную версию в почтовой рассылке, на десктопе, а десктоп на мобильной (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 версии. Есть ли вариант их скрыть?


Ответы (0 шт):