レスポンシブなHTMLメールをつくる - Qiita

仕事でHTMLメールを作る機会があったんですが、メーラーは種類が多く、各メーラーによって実装状況にかなり差があるので、多くのユーザー環境で正しく表示されるHTMLメールを作ろうと思うとなかなか面倒でした。 しかもレスポンシブとなると、通常のwebページでいうクロスブラウザ対応の比ではないほど気を使うことに。。 なので、やったことをここにメモしておきます。 後々、会社のブログで記事にするつもりだけど。 基本的なつくりかた レスポンシブという言葉の響きで、なんかモダンな作りができそうだなーと思ってしまうけど、結局は下記のような昔ながらの作り方をしなくちゃいけないです。 tableレイアウトでコーディング。 これでやらないとOutlookでまともに表示できない。 インラインスタイルでCSSを記述。 <style>タグに対応していないメーラーが多いため。 また、前述のとおり各メーラーで動作に差異が

[contractio]

めんどくさすぎワロタ

[sky-y]

必要だと思うけどあまり知られていない、盲点のようなテクニックのように思う。10年前の日本の常識だと「HTMLメールは使うな！」だったけど、今はそういう時代でもなくなってるので。

[htomine]

@kambielden 便利そうなのがでてきました！

[tohokuaiki]

滅多に作らないからなー。忘れるし、状況変わってるんだよね。