メールでCSSを使用して送信しました。
Gmail でメールを受信したとき、すべての CSS が無効になっていました。ただし、Thunderbird または Outlook でメールを取得すると、すべて問題ありません。
どうすればこれを修正できますか?
メールでCSSを使用して送信しました。
Gmail でメールを受信したとき、すべての CSS が無効になっていました。ただし、Thunderbird または Outlook でメールを取得すると、すべて問題ありません。
どうすればこれを修正できますか?
Gmail は CSS を完全にブロックするわけではありません。インライン スタイルは引き続きサポートされます。なぜスタイルブロックをサポートしないのか、私にはわかりません。さまざまな Web メールおよび電子メール クライアントでの CSS サポートの概要を把握するには、こちらを参照してください。http://www.campaignmonitor.com/css/
私はそれに答えるのが遅すぎますが、これはここの誰かを助けるかもしれません. gmail やその他のメール クライアントでメールをそのまま表示できるようにするには、html の各タグにインライン スタイルが必要ですが、各 html タグにインライン css を記述するのは時間がかかるため、組み込みツールを使用して時間を節約してください。
http://templates.mailchimp.com/resources/inline-css/
メール テンプレート全体を貼り付けるだけで、各タグにインライン css を含む html ドキュメントが取得されます。とても簡単です:)
注:クラスとIDをそのままクラスに持つことができます。
スタイルシートは、Web メール プロバイダーによってブロックされることが多い、非常に多くの HTML 機能の 1 つです。
HTML メールは傷の世界であり、これ以上改善されることはありません。実際、悪化することが予想されます。一部のメーラーまたは Web メール サービスでは、HTML のほぼすべての機能がサポートされていません。まったく現代的なものはすべて致命的な損失です。もちろん、テキストのみのクライアントもまだあります。
コードを醜く焼き尽くし、最後のすべてのメーラーをテストする無限の空き時間がない限り、HTML メールのことは忘れてください。通常の Web ページへのリンクが記載されたテキスト メールを送信するだけで、すべてが期待どおりに機能することを確認できます。
メール内のクラスと ID にスタイルを埋め込むことができた場合、gmail がアプリケーションを表示するために使用するスタイルと誤って衝突したり、悪意のある誰かが故意に衝突したりする可能性があります。インライン スタイルはタグに対してローカルであるため、gmail スタイルはそのままにしておきます。
Google は、人々のために作成したユーザー エクスペリエンスを保護する必要があります。
もう 1 つの良い情報源は、MailChimp EMail Template Referenceです。開発セクションは、GMail がサポートする CSS とそれを利用する方法に関する情報が含まれているため、特に役に立ちます。
Ruby on Rails と ActionMailer を使用している場合は、gem ActionMailer Inline CSSを使用できます。gem をインストールするだけで、メール テンプレートのすべての CSS が自動的にインライン化されます。文字通り、これほど簡単なことはありません。
Gmail は、すべての外部 (参照) アセット (スタイルシート、画像、スクリプトなど) をブロックします。これは、受信者のプライバシーを保護するためです。インライン スタイルを含めることもできます。
<span style="color:red;">Red text</span>