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

Может кто-нибудь помочь?

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

У меня была такая же проблема с Outlook 2010, но я исправил ее, заключив мобильный контент в условный комментарий mso:

<!--[if !mso]><!-->
<!--<![endif]-->

responsive-design html-email outlook-web-app
person Bannerman    schedule 29.01.2014    source источник
comment
на самом деле это довольно большая проблема с outlook.com, так что это не по теме. Ему пришлось бы опубликовать весь свой код, что в конечном итоге стало бы кошмаром отладки для потенциальных ответчиков. Пожалуйста, откройте, я могу опубликовать решение.   -  person zazzyzeph    schedule 30.01.2014
comment
Есть ли способ объяснить админам, что это не та тема, и какова процедура повторного открытия вопроса? Кто угодно, пожалуйста...   -  person Bannerman    schedule 03.02.2014
comment
@ZephyrusDigital Не могли бы вы опубликовать решение? Спасибо!   -  person Bannerman    schedule 06.02.2014

Ответы (2)


arrow_upward
0
arrow_downward

Ву!

В любом случае, я уверен, что ваша электронная почта настроена с помощью некоторых display:none / overflow:hidden css в div, который оборачивает ваши таблицы для мобильной версии, но Outlook.com не всегда работает хорошо.

Я думаю, виноват привередливый препроцессор Outlook.com.

Что я нашел, чтобы исправить это, так это добавить .mobileonly{display:none;} к вашему тегу стиля, а затем добавить class="mobileonly" к любым проблемным элементам, которые продолжают появляться в тестах. Чаще всего вам просто нужно сделать более высокие контейнерные таблицы.

Если это не сработает, добавьте свой html в jsfiddle, и я посмотрю на него подробнее.

person zazzyzeph    schedule 06.02.2014
comment
Спасибо за ответ, ZephyrusDigital. К сожалению, это решение работает для почты Outlook, но не для Outlook Web App. К сожалению, из-за того, что клиенты настаивают, я не могу предоставить вам jsfiddle, но поверьте мне, я испробовал все доступные решения. - person Bannerman; 11.02.2014
comment
А, извините, не знал, что они разные. У меня нет учетной записи office365, и ее нет на Litmus, поэтому я не могу проверить. Удачи! - person zazzyzeph; 11.02.2014

arrow_upward
0
arrow_downward

У меня был точно такой же кошмар, и я попробовал все, что написано в книге. В конце концов я нашел решение.

Установите высоту содержащего столбца на 0 — для настольного и мобильного изображения требуется свой собственный класс. Мобильное изображение должно иметь встроенную ширину и высоту, также установленную на 0. Затем в вашем десктопном запросе... display:none, ширина и высота установлены на 0 для мобильного изображения.

Затем в своем ответном запросе вы можете указать высоту и ширину соответствующего изображения и использовать блок отображения. Попробуйте, у меня сработало... даже в Outlook 2003!

person Luke    schedule 09.04.2014