wulin.comの記事紹介(www.vevb.com):電子メールマーケティングを行っているとき、ユーザーが電子メールを開いて、相手に送信することを確認することを願っています。ただし、メールによるHTMLページのレンダリングは、ブラウザのレンダリングとは異なります。レンダリング能力ははるかに小さくなっています。ブラウザに正常に表示される効果は、電子メールにエラーを作成するか、レンダリングできません。
メールマーケティングを行っているとき、ユーザーが電子メールアドレスを開いた後、相手に送信することをユーザーが確認することを願っています。ただし、メールアドレスによるHTMLページのレンダリングは、ブラウザのHTMLページとは異なります。レンダリング能力ははるかに小さくなっています。ブラウザに正常に表示される効果は、電子メールにエラーを作成するか、レンダリングできません。数え切れないほどのテストの後、Webメールを設計および制作するとき、Web Teaching Webサイトは次のポイントに注意を払うことを思い出させます。
1.背景写真は使用できません。
2。スタイルは、style = text-decoration:noneに似たHTMLコードに書き込まなければなりません。色:#666;フォントサイズ:12px;さらに、<'style> <'/style>のスタイルを体内に配置する必要がありますが、転送プロセス中にいくつかのスタイルが失われるため、使用することはお勧めしません。
3.各画像にaltとタイトルを追加します
4.電子メールの幅を考えてみましょう。多くのユーザーがラップトップを使用しており、ラップトップの解像度は1280*708です。 。 。したがって、一見優れたユーザーエクスペリエンスをするには、適切な幅が必要です
5.すべての写真は絶対的なアドレスである必要があります。そうしないと、クライアント端末に表示されず、Foxmailに表示できます。
6.レイアウトに関しては、マージン:0 Autoが電子メールで機能しないため、Tableではなくテーブルを使用します。 CSS属性はテストされていませんが、実際には制限されているため、テーブルを使用してください。
7.各ブロックに幅を追加してみてください。幅を書かないと、不可解なバグがあります。
8。ディスプレイ効果はメールアドレスの対象となります。場合によっては、ブラウザによるページのレンダリングは、電子メールアドレスとは異なります。
リスク警告:
窓がある程度狭くなると、いくつかの写真が縮小され、ページの境界が乱雑になります。これが電子メールのレンダリングルールです。現在の設計では、このバグを避けることができないため、幅は小さくなるように変更することしかできません(Neteaseメールセンターから送信されたシステムの電子メールをテストするときにも問題があります)。