Как сделать адаптив для Gmail Android?

Question

[Vladislav]

Как сделать адаптив письма для приложения Gmail на Android, перечитал много зарубежных форумов и статей, где то пишут, что Google уже поддерживает медиа запросы, кто-то пишет, что нет, на сайте https://developers.google.com/gmail/design/css заявлено что есть поддержка, но я тестил на всех клиентах, только Google и Яндекс не адаптивит письмо, адаптив видит только сам Outlook на Android, может кто поделиться как вам удавалось делать адаптив для Gmail.

Comments

[Froggyweb]

Лучше решения чем https://get.foundation/emails.html не встречал.

[Vladislav]

Froggyweb, как раз таки с ним и работаю, но адаптив не работает с ним почему-то на Gmail

[its2easyy]

можно попробовать подобрать то что работает https://www.caniemail.com/features/css-at-media/

Answer 1

[profesor08]

Процентики, фиксированные блоки и display: inline-block;, все стили инлайново. Код должен соответствовать примерно уровню начала нулевых, максимум как на заре появления css3.

Comments

[Vladislav]

Он соответствует, вот именно адаптив не работает, потому что Gmail не видит медиазапросы, в этом проблема

[profesor08]

Vladislav, раз есть медиа запросы - значит не соответствует, их нельзя прописывать инлайном, а значит они у тебя прописаны где-то еще в блоке style, а значит его успешно вырезают, либо игнорируют.

[Vladislav]

profesor08, в блоке style, но Outlook приложение и web версия не игнорит медиа

[profesor08]

Vladislav, false && true === false, это значит что если один что-то поддерживает, а другой нет, то в целом фича не поддерживается. Смирись и переверстывай на поддерживаемых техниках.

Answer 2

[Артур Кох]

Gmail поддерживает медиа3апросы. А Яндекс, например, нет. Решив одну проблему, ты не 3акрываешь другую. Учись верстать бе3 медиа3апросов адаптивно. Вот пример webdesign.tutsplus.com/tutorials/creating-a-future...