Gmail Мобайл не уважает стиль изображения `max-width: 100%`

Question

Я пробовал кучу разных вещей, чтобы решить эту проблему, но ничто не имело никакого значения. В наших электронных письмах у нас есть изображение в нижнем колонтитуле. Он имеет ширину 456 пикселей, что шире как ширины устройства, так и родительского div / table (я пробовал оба).

Это в Gmail, тестирование на эмуляции Chrome iPhone 5 / SE. Максимальная ширина изображения составляет 100%, но Gmail Mobile, похоже, удаляет это и вставляет максимальную ширину 852 пикселя, что бесполезно.

Кто-нибудь может знать, что такое обходной путь?

Answer 1

Атрибут css max-width имеет только частичную поддержку в Android.

• https://www.campaignmonitor.com/css/box-model/max-width/

Без публикации html-кода довольно сложно посмотреть, что вы делаете, и предложить альтернативу.

Другой вопрос: почему в мире вы создаете электронные письма размером 852 пикселя?

Лучшая практика для ширины электронной почты - 600-800 пикселей. За пределами 600px ваша электронная почта не будет правильно отображаться во многих почтовых клиентах, если только по той причине, что это ширина окна просмотра электронной почты. Любой более широкий, чем 600 пикселей, получатель должен будет прокрутить, чтобы просмотреть электронную почту. Как пример:

• Gmail: 640 пикселей (начинает скрывать цвет фона)
• Outlook 2007: 600px
• Outlook 2013: 550 пикселей
• Yahoo: 650px

Удачи.