Шаблон электронной почты Html, совместимый с мобильными телефонами

Question

Я кодирую html-адрес электронной почты, который должен быть valid for mobiles and monitors, я знаю, как закодировать шаблон электронной почты, и я полностью его закодировал для мониторов, теперь проблемы возникают с mobile compatibility .. см. Прилагаемое изображение left one for monitors идеально подходит для мобильных телефонов его все сломано, я видел media queries, но на самом деле не получить, как использовать их, кто-то может помочь мне с этим

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

Answer 1

Убедитесь, что вы вставили окна просмотра мета-тег:

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

После этого вы можете вставить медиазапросы в вашем CSS:

@media only screen and (max-width: 600px) { 
    ... 
} 

Дополнительную информацию о отзывчивых html-адресах можно найти здесь: http://www.webdesignerdepot.com/2013/06/responsive-html-email-design/