HTML-почта не отображается полностью на Android-клиент Gmail

0

Я отправляю информационный бюллетень из своего веб-приложения. У меня возникла проблема при проектировании почты.

Клиент gmail отображает только одну половину сообщения (правая половина здесь, когда почта написана на арабском языке), как показано на рисунке ниже.

Изображение 174551

Как я могу сделать все сообщение?

Теги:
email
responsive-design

1 ответ

1
Лучший ответ

Дисплейное пространство электронной почты варьируется от одного клиента к другому. Например, gmail выделяет размер 500 пикселей для отображения электронной почты при просмотре через ПК и остальной части пространства для других вкладок. Таким образом, этот размер дисплея сильно варьируется.

Решение:

Поместите содержимое в таблицу. Создайте родительскую таблицу и установите ее ширину на 100%, чтобы она занимала все выделенное пространство. Внутри этого создайте другую таблицу и дайте ей размер 500 пикселей (обычно вы можете дать размер 400-600, но не более того). Внутри этой второй таблицы вы публикуете свое содержание. Чтобы он выглядел хорошо, вы "центрируете" таблицу 2 в таблице 1.

Это как html-адрес электронной почты будет выглядеть в Gmail Mobile App, если вы будете следовать моей концепции

Изображение 174551

  • 0
    Мой дизайн новостной рассылки сложен, и я думаю, что есть много ошибок, из-за которых этот ответ мне не помог. Но, как правило, ваш ответ идеален.
Сообщество Overcoder
Наверх
Меню