MailChimp でカスタム テンプレートを作成しています。まだいくつかの電子メール クライアントでテストしていませんが、これまで gmail でテストした結果、このメディア クエリを追加すると機能しないだけでなく、html 電子メール全体が css なしでレンダリングされることがわかりました。他の CSS は、クエリなしで gmail に対して正常に機能します。他のクライアントでは、メディア クエリは機能し、他の CSS の機能を妨げることはありません。
これは gmail (およびその他) の既知の問題ですか、それともこれを達成する方法はありますか?
@media only screen
and (max-device-width : 480px) {
.bodyContent div{
font-size:24px;
}
h1, .h1{
font-size:36px;
}
h2, .h2{
font-size:28px;
}
h4, .h4{
font-size:28px;
}
.preheaderContent div{
font-size:24px;
}
}