Фоновое изображение HTML в почте iOS расположено неправильно ⇐ CSS

[Anonymous]

В моем электронном письме есть подобный HTML-контент (изображение в формате WebP и альтернативный формат JPG, если клиент его не поддерживает):

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

    


#container
{
height: 960px;
width: 640px;
background: url("https://i.ibb.co/D5HD2v7/pexels-aibek-skakov-418917601-29902918-1.jpg");
background-size: 640px 960px;
}



[img]https://i.ibb.co/qWNg8ZT/pexels-aibek-skakov-418917601-29902918-1.webp[/img]

Это нормально отображается в большинстве почтовых клиентов, включая веб-приложения Outlook и Gmail, MacOS Mail и т. д., и выглядит следующим образом:


Однако в почте iOS и Outlook iOS фоновое изображение неправильно позиционируется внутри элемента div, поэтому однажды прокрутив вниз, вы увидите растянутое фоновое изображение out:


Как это исправить? Кажется, это не проблема с iOS Safari, поскольку HTML в iOS Safari выглядит нормально. Похоже, это проблема с рендерингом, связанная с электронной почтой.

Подробнее здесь: https://stackoverflow.com/questions/793 ... positioned