Отзывчивый вопрос eDM

В настоящее время я делаю eDM для события, подходящего для нашего бизнеса. Я использовал отзывчивый шаблон, который предназначен для этого.

Это макет из двух столбцов, который складывается в макет из 1 столбца, когда ширина устройства <600 пикселей (с использованием медиазапроса).

Вы можете видеть это здесь

Когда я смотрю его в браузере, он выглядит великолепно, и все работает, как задумано. Когда я смотрю его на своем телефоне (приложение Sony Z2 - Gmail), некоторые вещи выглядят неправильно. Верхний черный баннер не на всю ширину. Первый раздел "Трудное слово" не является полной шириной, часть текста - фиолетового цвета.

Это просто проблема с приложением Gmail?

Это выглядит нормально, используя почтовый клиент по умолчанию на моем телефоне и iOS.

Извините, я не могу опубликовать код, так как он нарушает элемент кода при переполнении стека. Сожалею. Не стесняйтесь проверять источник.

Любая помощь будет принята с благодарностью!

Пожалуйста, смотрите скриншоты ниже

1 ответ

Проблема с EDM заключается в том, что они не поддерживают какие-либо стили CSS или медиа-запросы или что-либо еще. Насколько я знаю, использование свойства HTML width=100% - единственный способ сделать EDM отзывчивым.

Другие вопросы по тегам