モバイル デバイスで登録メールをレスポンシブにしようとしています。@media
プロパティを試してみたいのですが、これをインラインにする方法がわかりません。メールのスタイルは常に埋め込む必要があります...
ドキュメントそれを参照しないでください
なにか提案を?
モバイル デバイスで登録メールをレスポンシブにしようとしています。@media
プロパティを試してみたいのですが、これをインラインにする方法がわかりません。メールのスタイルは常に埋め込む必要があります...
ドキュメントそれを参照しないでください
なにか提案を?
インラインに配置することはできません。スタイル タグ内の HTML メールの head タグに配置する必要があります。例えば:
<head>
...
<style type="text/css">
@media screen and (max-width:480px) {
...
...
}
</style>
</head>
メディア クエリが最適なオプションですが、
メディア クエリのサポートは、メール クライアントによって大きく異なります。Gmail などの多くのクライアントは、メディア クエリをまったくサポートしていません。
<meta name="viewport" content="width=device-width" />
.container {
max-width:600px!important;
display:block!important;
margin:0 auto!important;
clear:both!important;
}