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

Question

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

Я создал отзывчивое письмо с настольными и мобильными версиями кода. Он отлично работает в каждом почтовом клиенте, за исключением Outlook Web-приложения, отображающего обе версии.

У меня была такая же проблема с Outlook 2010, но я установил ее, обернув мобильного контента в contidional MSO комментарий:

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

Answer 1

Woo!

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

Я думаю, что презумпция outlook.com's finicky виновата.

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

Если это не сработает, бросьте html в jsfiddle, и я буду смотреть дальше.

Answer 2

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

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

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