Как написать медиа -запрос для Gmail? ⇐ CSS

[Anonymous]

Я пытаюсь написать несколько HTML/CSS для электронного письма, но не могу заставить вещи показать и скрываться. У меня есть один большой стол, с двумя вложенными столами. Каждая из вложенных таблиц - нижний колонтитул, который скрыт или показан на основе размера экрана. Вот код < /p>

Код: Выделить всё

        
@media all and (max-width: 768px) {
table[table-view=desktop] {
display: none !important;
}

table[table-view=mobile] {
display: block;
}
}

@media all and (min-width: 769px) {
table[table-view=mobile] {
display: none !important;
}

table[table-view=desktop] {
display: block;
}
}





...



...

< /code>

При просмотре этого в Gmail появляются оба нижних колонтитула.  При использовании инструмента предварительного просмотра в инструменте построения электронной почты (SendGrid) он выглядит нормально. 

Я попытался выбрать классы мобильного звена 

и настольного вида в медиа-запросе, но это не работало, поэтому я пытался положить атрибуты в HTML.>

Подробнее здесь: https://stackoverflow.com/questions/497 ... -for-gmail