1
Я создаю отзывчивое письмо. В моем электронной почте шаблон, я включил этот тег:@media только экран не работает на мобильном телефоне
<meta name="viewport" content="width=device-width, initial-scale=1.0">
и добавил эти стили атрибутов для мобильных устройств:
@media only screen and (max-device-width: 799px) {
div[class="column"] {
width: auto!important;
float:none!important;
}
.reasonDiv {
float:none!important;
padding-left: 12px!important;
padding-top: 35px!important;
}
.image {
width: 10px;
height: 10px;
}
.message {
padding-top: 10px!important;
}
.productImage {
width: 64px!important;
height: inherit!important;
}
.siteLogo {
width: 180px!important;
}
}
Стайлинга атрибуты не работают на мобильных устройствах! Пожалуйста помоги! Благодарю.
Как вы тестируете? Вы физически посещаете сайт на мобильном устройстве? Использование 'max-device-width' означает, что он будет работать только с физическим устройством. Попробуйте просто «max-width», чтобы вы могли отлаживать свой компьютер. – agconti
Я не знаю точной причины этого, но заметьте, что большинство почтовых клиентов не поддерживают медиа-запросы, также вы можете использовать max-width, а не max-device-width и посмотреть, работает ли это –
Да, я я использую функцию электронной почты Mandrills. –