2013-09-18 14 views
1

У меня есть сайт и вы хотите отправить почтовую почту, которая является отзывчивой, поскольку некоторые пользователи используют мобильный телефон, чтобы увидеть свою почтовую программу.Отзывчивый Mailer в Gmail

Люди видят, почтовые программы Gmail/Yahoo и т.д.

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

Требуется помощь с помощью Pls.

ответ

0

Посмотрите на этот Github репо: https://github.com/philwareham/responsive-email В index.html вы найдете достаточно комментариев, чтобы создать свой собственный отзывчивым шаблон сообщения электронной почты

+0

Все коды стиля удалены в Chrome - Gmail.com – Balaji

+0

@Balaji Затем вам нужно использовать встроенный стиль. –

0

Да, есть вещи, которые вы можете сделать, чтобы создать шаблон несколько отзывчивый электронной почты, даже если медиа-запросы не поддерживаются.

Посмотрите на этот шаблон boilerplate responsive email, чтобы начать.

Для почтовых клиентов, поддерживающих медиа-запросы, вы можете их использовать. Для Gmail вы можете вместо этого сделать такие вещи, как масштабировать изображение баннера, чтобы быть ширина таблицы 100% или Div это в

Пример CSS для масштабирования изображения без запросов медиа:.

width: 100% !important; -ms-interpolation-mode: bicubic; height: auto !important; 

Для вашего таблицы, вы можете использовать такие методы, как max-width: 600px; width: 100%;, чтобы помочь им реагировать, но с максимальным размером для рабочего стола.

Надеюсь, что это поможет вам двигаться.

+0

Я пробовал, но в Gmail - версия браузера, не получившая отражения. Любые рабочие примеры PLS, если они есть! – Balaji

Смежные вопросы