#email #gmail #html-email
#Адрес электронной почты #gmail #html-электронная почта
Вопрос:
У меня есть куча медиа-запросов для моей электронной почты, но, похоже, они удаляются в gmail. Кто-нибудь знает, почему это так? gmail не поддерживает медиа-запросы?
Вот мой запрос на случай, если я делаю что-то не так
@media (max-width: 500px){
.test-table {
display: block !important;
width: 100% !important;
display: none;
}
}
Ответ №1:
Gmail поддерживает запросы @media.
Это также удалит искаженную таблицу стилей или класс из заголовка. Если класс отсутствует, test-table , он может удалить весь запрос @media. Вы не опубликовали свой код, поэтому я не могу сказать.
Попробуйте изменить это:
@media (max-width: 500px){
К этому:
@media screen and (max-width: 500px) {
Сообщите нам, если класс отсутствовал или если изменение запроса @media устраняет проблему.
Удачи.
Комментарии:
1. Также стоит опубликовать Могу ли я отправить по электронной почте несколько заметок о поддержке Gmail: caniemail.com/features/css-at-media
2. Привет, спасибо за ваш ответ, я трижды проверил это, но, похоже, нет ничего, чего там не должно быть. Я также изменил медиа-запрос на то, что вы предложили. Может ли что-нибудь еще вызвать это?
3. Я протестировал это дальше, в медиа-запросе я добавил * { padding: 500px; }, и это повлияло только на заполнение тела письма. Я понятия не имею, почему это происходит
4. Это происходит только с заполнением. Я добавил цвет фона, и он работает отлично