PCでもスマホでも崩れないHTMLメールの作り方 - Qiita

通常のwebページを作る場合とは違って、タグの制限が多くて崩れやすいHTMLメール。 styleはインラインで書かなければならないし、flexboxもfloatも使えません（！） 今後のために、作り方と注意点のまとめです。 基本設定 ・基本的なレイアウトはtable組みで。 ・Doctypeの宣言は4.01Transitional(strictだとtableが使えない） ・文字コードはiso-2022-jp、改行コードはCRLF（楽天のメルマガはShift_JIS、改行コードはCRLF） ・styleはインラインで書く(scssで書いてgulpでinline化する) ・画像に絶対パス、border: noneは必須 注意点 ・同じパスの画像は使い回しが出来ない ・背景カラーはOK、背景画像はoutlookで表示されないので使わない ・rgbaが有効じゃない環境があるので使わない(どうしても