+7 (495) 229-0436 | shopadmin@itshop.ru | 119334, г. Москва, ул. Бардина, д. 4, корп. 3 |
|
|
Верстка писем и email рассылок. Немного магии Gmail12.11.2013 18:21
dudeonthehorse
Автор изображения Mike, Creative Mints Добрый день. Я уже не раз писал о том, что media_queries в почтовых клиентах работают прекрасно. Даже outlook.com в браузере их адекватно воспринимает. Но вот gmail на яблоке и андроиде так не считает. Если в случае остальных клиентов мы можем сделать, например так: Допустим у нас есть письмо со следующим кодом: В этом случае на десктопах везде мы получим письмо шириной в 600px. В мобильных клиентах 100%. Исключение - gmail, который будет вести себя немного иначе. И по разному в зависимости от контента внутри обертки. В случае кучи текста в блоке контента или вот такой картинки А теперь давайте дадим ему вот такой контент. Как сделать хорошо? Очень просто. Объедините блок социальных иконок с блоком резинового контента вот так
Резюмирую- Задавать фиксированные величины для обертки можно, gmail сам подстроит обертку под экран девайса - Для элементов внутри обертки задаем процентные величины, либо фиксированные, но не более 320px по ширине. - Мы не можем указывать разные стили отображения для разных разрешений экрана только в gmail клиентах. Я изложил самые наболевшие примеры, которые встречаются в моей работе регулярно. Если у вас есть частные проблемы, описывайте их в комментариях, присылайте в личку или на dudeonthehorse собака gmail точка com. Я с удовольствием помогу решить проблему и, возможно, открою новые нюансы при верстке, о которых напишу в будущем. Ссылки по теме |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
О нас |
Интернет-магазин ITShop.ru предлагает широкий спектр услуг информационных технологий и ПО.
На протяжении многих лет интернет-магазин предлагает товары и услуги, ориентированные на бизнес-пользователей и специалистов по информационным технологиям. Хорошие отзывы постоянных клиентов и высокий уровень специалистов позволяет получить наивысший результат при совместной работе. В нашем магазине вы можете приобрести лицензионное ПО выбрав необходимое из широкого спектра и ассортимента по самым доступным ценам. Наши менеджеры любезно помогут определиться с выбором ПО, которое необходимо именно вам. Также мы проводим учебные курсы. Мы приглашаем к сотрудничеству учебные центры, организаторов семинаров и бизнес-тренингов, преподавателей. Сфера сотрудничества - продвижение бизнес-тренингов и курсов обучения по информационным технологиям.
|
119334, г. Москва, ул. Бардина, д. 4, корп. 3 +7 (495) 229-0436 shopadmin@itshop.ru |
|
© ООО "Interface Ltd." Продаем программное обеспечение с 1990 года |