Отзывчивый HTML почтовик

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

Добавление метатега ниже во все почтовые программы: -

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

Но в указанных ниже неподдерживаемых почтовых клиентах я не могу обрабатывать содержимое почты.
-Приложение Gmail (iOS + Android)
-Inbox от приложения Gmail (iOS + Android)
-Gmail (браузер Android)

Как это делают другие, поделитесь, пожалуйста, своим мнением.
Заранее спасибо


html responsive-design responsiveness media-queries mailer
person Inderjeet Singh Ahuja    schedule 29.09.2015    source источник

Ответы (3)


arrow_upward
0
arrow_downward

Проверьте ссылку ниже для вашего вопроса

ссылка

Приложение Gmail не поддерживает адаптивный дизайн

person Arun Kumar M    schedule 29.09.2015

arrow_upward
0
arrow_downward

Я сделал эти шаблоны электронной почты Шаблон электронной почты1,Шаблон электронной почты2 и Шаблон электронной почты3. это с помощью таблицы. вы можете взять ссылку на него. надеюсь, что это может быть полезно для вас.

person kagzi maroof    schedule 29.09.2015

arrow_upward
0
arrow_downward

Ключом к достижению адаптивного поведения в почтовых программах является эффективное использование разметки, которую вы пишете, а не каких-либо метатегов. Это включает в себя:

  1. ширина в процентах
  2. Группировка двух или более элементов (table, td) в div
  3. использование максимальной ширины во встроенном стиле с шириной в качестве атрибута (<table style="max-width:600px" width="100%">)

Взгляните на одну из моих почтовых программ, которые я сделал доступными: https://github.com/ShudhPandit/Mailers

Надеюсь, поможет

person Sudhir Kaushik    schedule 08.04.2017