BinaryDevelop
  1. ホーム
  2. html

[解決済み] GmailのHTMLメールをスタイリングする

2022-10-25 03:08:04

質問

私は、内部スタイルシートを使用するhtmlメールを生成しています。 

<!doctype html>
<html>
<head>
  <style type="text/css">
    h2.foo {color: red}    
  </style>
</head>
<body>
 <h2 class="foo">Email content here</foo>
</body>
</html>

Gmail で表示すると、内部スタイルシートのすべてのスタイルが無視されるようです。Gmail はインライン ルール以外のすべてのスタイルを無視するようで、たとえば 

 <h2 style="color: red">Email content here</foo>

GmailでHTMLメールを閲覧する際のスタイル指定は、これしかないのでしょうか？

どのように解決するのですか？

こちらの回答は、本日2016年9月30日時点の古いものです。Gmail は現在 のサポートを展開しています。 のために style タグを head と同様に、メディアクエリを使用します。 Gmail だけが心配なら、現代の開発者のようにクラスを使用するのが安全です!

参考までに 公式 gmail CSS ドキュメント .

余談ですが、Gmail は主要なクライアントの中で唯一 style ( 参照 , いずれにしても更新されるまで)。 つまり、あなたは ほとんど 安全にスタイルをインラインに置くことを止められるということです。 より不明瞭なクライアントの一部は、まだそれらを必要とするかもしれません。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します