Отзывчивая электронная почта — IOS масштабирует электронную почту, чтобы она соответствовала размеру порта.

Я работаю над созданием адаптивного электронного письма, предназначенного в основном для пользователей iPhone, и обнаружил, что хотя Почта IOS поддерживает медиа-запросы, по какой-то причине почта IOS масштабирует всю почту для просмотра размера порта и по своей природе не отвечает на запросы.

Я установил метатег, как указано ниже

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" />

но даже тогда отзывчивые запросы не активируются.

Я отправляю электронное письмо из Outlook, и я протестировал его в приложении Google Android Gmail, и там электронное письмо отвечает, так что это не тот случай, когда Outlook удаляет медиа-запросы.


iphone responsive-design email
person Mervin    schedule 14.10.2013    source источник

Ответы (3)


arrow_upward
2
arrow_downward

Во-первых, в электронной почте нет необходимости в метатеге. (вы бы включили его только в том случае, если используете тот же html-файл для веб-версии.)

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

Перейдите на mailchimp.com и зарегистрируйте бесплатную учетную запись, отправьте оттуда и посмотрите, есть ли у вас проблема.

person OneEightLeft    schedule 14.10.2013

arrow_upward
1
arrow_downward

У меня была эта проблема, а затем я обнаружил, что в моем электронном письме есть контент, который заставляет страницу расширяться в iOS, создавая впечатление, что медиа-запросы не работают. А именно, вы хотите убедиться, что не указана фиксированная ширина, превышающая то, что указано в ваших медиа-запросах, особенно во вложенных таблицах.

person estaples    schedule 11.11.2013

arrow_upward
0
arrow_downward

Я создаю адаптивные электронные письма в формате HTML уже несколько лет... Я не знаю, почему у вас проблемы.

Outlook — не лучший способ отправлять электронные письма в формате HTML. Если это электронная почта кампании или электронный информационный бюллетень для чего-то, вы действительно должны отправить его через настоящий ESP (поставщик услуг электронной почты, т. е. MailChimp, Campaign Monitor и т. д.).

Если бы вы могли предоставить образцы кода, я мог бы дать некоторое представление о том, что именно идет не так.

person Darryl Vos    schedule 14.10.2013
comment
Спасибо за ответ. Причина, по которой нам нужно использовать Outlook, заключается в том, что информационный бюллетень по электронной почте является внутренним, и, следовательно, мы не можем использовать почтовый клиент, и, следовательно, Outlook является единственным вариантом. - person Mervin; 15.10.2013
comment
Отправка из Outlook никогда не бывает хорошим вариантом. Даже если вы пишете медиа-запросы, Outlook удалит их и перед отправкой добавит свои собственные стили на основе ms. Поэтому всегда лучше использовать поставщика услуг электронной почты, как указано в других ответах. Лучший вариант — mailchimp или mendrillapp. - person codingbbq; 03.03.2014