Я пытаюсь создать адаптивный дизайн для своих электронных писем, некоторые основы, такие как установка ширины таблицы на 100% для мобильных устройств или изменение цвета текста, она работает в настольном клиентском приложении, таком как Thunderbird, но не работает как на Android, так и на рабочем столе. версия Gmail. Я пытался найти ответы в Интернете, но не могу найти какую-либо свежую информацию об этом.
Я следую инструкциям с официального сайта gmail, поэтому думаю, что это должно сработать. https://developers.google.com/gmail/design/css
<html>
<head>
<style>
.colored {
color: blue;
}
#body {
font-size: 14px;
}
@media screen and (min-width: 500px) {
.colored {
color:red;
}
}
</style>
</head>
<body>
<div id='body'>
<p>Hi Pierce,</p>
<p class='colored'>
This text is blue if the window width is
below 500px and red otherwise.
</p>
<p>Jerry</p>
</div>
</body>
</html>
Он должен иметь синий цвет в мобильной версии и красный цвет в настольном приложении. Ну, на обоих их нет.