Некоторые вещи ...
Рабочие столы Outlook не поддерживают фоновые изображения https://www.caniemail.com/search/?s=background-image поэтому, вероятно, происходит то, что он берет ширину 600 и добавляет отступ.
Поэтому вы, вероятно, захотите (проще всего) сделать изображение и текст изображением. В качестве альтернативы, если вы можете управлять им, исследуйте фоновые изображения для электронной почты Outlook, чтобы найти лучший и наиболее доступный подход. Но в противном случае убедитесь, что у вас есть текст в теге alt, т.е. <img alt="Hurry while stocks last" ... >
Кроме того, Outlook учитывает только ширину атрибута. Поэтому убедитесь, что вы включили его, например <img width="500" ...>
, хотя, чтобы сделать его отзывчивым для других, вам нужно также включить встроенный стиль ширины, который переопределит атрибут ширины, например, <img width="500" style="width:100%;" ..>
Итак, у вас 600 широкое изображение, но дали только ширину Outlook 580. Это тоже будет sh.
Убедитесь, что вы встроили свой код. Прогнозы обычно не смотрят на встроенный CSS - только на встроенный CSS. Т.е. не полагайтесь на код в <style>...</style>
, вместо этого используйте его внутри кода, например <div class="content" style="...">
. Есть онлайн-инструменты, которые могут сделать это за вас.
Наконец, при тестировании вы можете вырезать целый раздел, протестировать его еще раз и посмотреть, исправит ли это его. Это позволит быстро определить причину проблемы.