Написал читатель Антон:
В своих шаблонах использую такой фикс, работает именно для приложения Gmail на iOS:
@media screen and (max-width: $max_width) {
u + .body {
width: 100vw !important;
}
}
Источник:
https://litmus.com/blog/email-design-podcast-74-litmus-community-qa-rapid-fire
https://litmus.com/community/discussions/6793-background-color-not-full-width-in-gmail-apps-for-ios-solution
Я попробовал, не работает. Эмпирическим путем было выявлено, что не срабатывает именно селектор. Ни u + .body, ни u ~ div. Но стоило мне в качестве селектора использовать .webkit, который в моем письме является потомком как все заработало.
Итоговая конструкция:
@media screen and (max-width: 600px) {
.webkit {
width: 100vw !important;
}
}
Антону спасибо.
В своих шаблонах использую такой фикс, работает именно для приложения Gmail на iOS:
@media screen and (max-width: $max_width) {
u + .body {
width: 100vw !important;
}
}
Источник:
https://litmus.com/blog/email-design-podcast-74-litmus-community-qa-rapid-fire
https://litmus.com/community/discussions/6793-background-color-not-full-width-in-gmail-apps-for-ios-solution
Я попробовал, не работает. Эмпирическим путем было выявлено, что не срабатывает именно селектор. Ни u + .body, ни u ~ div. Но стоило мне в качестве селектора использовать .webkit, который в моем письме является потомком как все заработало.
Итоговая конструкция:
@media screen and (max-width: 600px) {
.webkit {
width: 100vw !important;
}
}
Антону спасибо.