ホームページ >ウェブフロントエンド >フロントエンドQ&A >メールが CSS をサポートしていない場合の対処方法

メールが CSS をサポートしていない場合の対処方法

藏色散人
藏色散人オリジナル
2020-12-31 09:44:302422ブラウズ

内部スタイルと外部スタイルが使用されているため、電子メールは CSS をサポートしていません。解決策は、電子メールでインライン スタイルを使用することです。電子メールの主要部分は本文内にあるため、スタイルはinline で記述されており、head タグ内に style を記述したり、外部リンクしたりすることはできません。

メールが CSS をサポートしていない場合の対処方法

#このチュートリアルの動作環境: Dell G3 コンピューター、Windows 7 システム、css3 バージョン。

お勧め: 「css ビデオ チュートリアル

電子メールは CSS をサポートしていませんか?

電子メールは CSS をサポートしていますが、インライン スタイルを使用する必要があり、内部スタイルと外部スタイルは使用できません。

以下はメールで CSS を使用する場合の注意事項です:

1. メールではテーブル CSS レイアウトが使用されます

2. メールの主要部分は本文内にあります。インラインで記述した場合、head タグ内にスタイルを記述したり、外部リンクしたりすることはできません。

3. フローティング配置は使用できません。位置: 絶対; フロート: 左; などは機能しません。フロートは QQ メールボックス クライアントでは認識できますが、Outlook では認識できません。

4. テーブルの境界線には、QQ ブラウザーと互換性のあるテーブルの境界線属性を使用しますが、Outlook で開いた場合には境界線はありません。この場合、追加できるのは各 TD へのボーダー。ボーダーでは、テーブル内で border-collapse:collapse; を使用して、繰り返されるボーダーをマージします。

5. 互換性を確保するには、電子メールの幅を 600 ピクセル (最大 600 ピクセル) に設定する必要があります。

6. 多くの電子メール クライアントでは、img の使用は控え目にしてください。デフォルトで画像が表示されるため、画像が必要な場合は、alt とタイトルを必ず記入してください;

7. 背景画像には、background-color を使用し、単色の背景を使用するようにしてください。背景画像の場合は、background 属性を使用します。

8 。電子メールは、JavaScript、Flash、および一部の特殊なタグをサポートしていません。

電子メール クライアントはさまざまな CSS サポートを備えているため、送信前にさらにテストして、正しいスタイルであることを確認する必要があります。非互換性が発生した場合は、忍耐強く、互換性を確保するための最も単純な方法を使用し、特殊なタグとより複雑な属性の使用をできる限り少なくする必要があります。

以上がメールが CSS をサポートしていない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。