web-dev-qa-db-ja.com

GmailでメールのCSSがブロックされるのはなぜですか?

メールでCSSを使用して送信しました。

Gmailでメールを受信すると、すべてのCSSが無効になりました。ただし、ThunderbirdまたはOutlookでメールを取得したときは、すべて問題ありません。

どうすれば修正できますか?

52
MemoryLeak

GmailはCSSを完全にブロックしません。インラインスタイルは引き続きサポートされます。なぜスタイルブロックをサポートしないのか、私にはわかりません。さまざまなWebメールおよび電子メールクライアントでのCSSサポートの概要を把握するために、ここに適切なものがあります。 http://www.campaignmonitor.com/css/

69
o.k.w

回答が遅すぎますが、これはここで誰かを助けるかもしれません。 Gmailやその他のメールクライアントでメールを表示するには、htmlの各タグにインラインスタイルが必要ですが、各htmlタグにインラインcssを書くのは時間がかかり、組み込みツールを使用して時間を節約します

http://templates.mailchimp.com/resources/inline-css/

メールテンプレート全体を貼り付けるだけで、各タグにインラインcssを含むHTMLドキュメントが取得されます。とても簡単です:)

注:クラスにはクラスとIDをそのまま使用できます。

22
Kashif Ullah

スタイルシートは、多くの場合Webメールプロバイダーによってブロックされる多くのHTML機能の1つです。

HTMLメールは傷つきやすい世界です、これ以上良くなることはありません-実際、 悪化する =。 HTMLのほぼすべての機能は、someメーラーまたはWebメールサービスではサポートされていません。近代的なものはすべて、完全な損失です。そしてもちろん、テキストのみのクライアントもあります。

コードをburnいたり、最後のメーラーをすべてテストしたりするための限りない時間がない限り、HTMLメールを忘れてください。すべてが期待どおりに動作することを確認できる通常のWebページへのリンクを含むテキストメールを送信するだけです。

22
bobince

メールのクラスとIDにスタイルを埋め込むことができた場合、それらは誤ってGmailがアプリケーションを表示するために使用するスタイルと衝突したり、故意に悪意を持った人によってスタイルと衝突したりする可能性があります。インラインスタイルはタグに対してローカルであるため、Gmailスタイルはそのままにします。

Googleは、人々のために作成したユーザーエクスペリエンスを保護する必要があります。

18
NerdFury

別の良い情報源は MailChimp EMail Template Reference です。開発セクションは、CSS GMailがサポートするものとその活用方法に関する情報が含まれているため、特に役立ちます。

6
mbear

私はこれをテストしており、インラインスタイルをサポートしているため、コードが少し見苦しくなりますが、すべて回避できます。

お役に立てば幸いです。

3
Mike Wells
<style type="text/css"></style>

タグはうまく機能しましたが、;それは退屈なプロセスでしたが、最終的には見つけました。

ここで link #9から、CSSの個々の行に起因する可能性があるという最初のヒントが得られました。

0
Kevin R

Ruby on RailsおよびActionMailerを使用している場合、gemActionMailer Inline CSS。gemをインストールするだけで、メールテンプレートのすべてのCSSが自動的にインライン化されます。

GitHub上のActionMailerインラインCSS

0
Mike Bethany