様々な画面サイズにワンソースで対応するレスポンシブWebデザインは、多くのサイトで使用されていますが、HTMLメールをレスポンシブ対応するにはどうしたらいいのでしょうか? Webサイトの場合、ブラウザで表示しますが、メールは、メーラーで表示します。メーラーは、CSSのサポート対応状況がブラウザと異なる為、従来のレスポンシブWebデザインのテクニックをそのまま流用する事は出来ません。 では、どのようにHTMLメールをレスポンシブ対応させるのか、その方法のひとつをご紹介いたします。 HTMLメールをレスポンシブ対応させる方法 まず、HTMLメール制作の基本的なポイントは「HTMLメールの制作時に気をつけたい9つのポイント | コリス」でご確認いただければと思います。 主要メーラーごとのCSSサポート状況を「Guide to CSS support in email | Campaign Mon
![レスポンシブ対応のHTMLメール作成のコツ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b477b24d1ec8a4014b79462ee4ce2422a3df48b4/height=288;version=1;width=512/https%3A%2F%2Fwww.e-agency.co.jp%2Fwp-content%2Fuploads%2F2014%2F11%2Fhtml-mail_img01.png)