メールのCSSは適用されませんか？

Question

今何が起こっているのかわかりません。非常にシンプルなCSSで簡単なページを一緒に投げました。テーブルを使用したので、メールには通常のようなDiv要素を使用できないことがわかります。だから私のブラウザでそれを表示した後、それは次のように見えます：

http://i.stack.imgur.com/8fbtf.png

そして、それをメールで送信した後（セルデータが置き換えられました）：

http://i.stack.imgur.com/tuxva.png

したがって、CSSはまったく適用されません！

これがHTMLとCSSです：

http://pastebin.com/pyseew4m

何か案は？

Answer 1

ほとんどの電子メールクライアントは、CSSがインラインで提供されている場合にのみ読み取ります style= Tags、MailChimpは、これを自動的に行うための優れたツールを提供します。

CSSインレーナーツール

Answer 2

電子メールのCSSは部分的にサポートされており、サポートはクライアント間で大きく異なります。見て http://www.campaignmonitor.com/css/おそらく、より多くの互換性を得るには、すべてのCSSがインラインである必要があります。

Answer 3

fi gmailは、HTMLテンプレートからスタイルの定義を削除することを考えてください。回避策を使用して、このような要素に直接スタイル情報を含めることができます

<div style="width:150px">...</div>

現在のようにCSSを使用するには、CSSパーサーを使用して、正規式を介して要素に接続するだけです

よろしく