ENewslettersでHTMLコンテンツの位置を維持する

Question

HTMLコンテンツをあるブラウザ/電子メールから別のブラウザ/電子メールへの相対的な位置とフォーマットに維持するにはどうすればよいですか？ e-ニュースレターを開発するとき、フォーマットは別のメールサーバーとは異なる形式で表示されます（2つのメールをテストする場合）。

例：自分のGmailで電子メールを開くと、イメージの周りのパディングが必要な場所にありますが、仕事用のOutlookで開くと、パディングはほとんど存在しません。

例：フォントはOutlookのスタイルシートに従って表示されますが、Gmailでは変更されます。

外観を一定に保つためにスタイルシートと位置を固定するにはどうすればよいですか？

Answer 1

電子メールクライアントは、HTML（特にOutlookとLotus Notes）のレンダリングでひどく悪名高いです。あなたは通常、インラインCSSスタイルで不自由なHTMLを書いています。これはnear futureで良くなりません。

デザインをできるだけシンプルにすると、多くのクライアントで見栄えが改善されます。 HTMLを書くための実際のベストプラクティスは、主にサポートする予定のクライアントによって異なります。

HTML形式の電子メールのレンダリング問題に対する共通の解決策への洞察を与えるいくつかの役立つ記事：

• Article at A List Apart
• Guide at ReachCustomersOnline

のニュースレターを確認することができますいくつかの簡単なWebサービスがあります。複数のクライアントとあなたに結果のスクリーンショットを与える。

• Litmus
• MailChimp
• CampaignMonitor

：彼らは通常、お金の価値があります