HTMLメールが他のメールソフトでは崩れていないのに、gmailのみフォントサイズや画像が大きくなっているなどの崩れが生じている場合があります。
これはgmailの「自動サイズ変更」による影響が考えられます。
原因：gmailの「自動サイズ変更」
gmailには「自動サイズ変更」という機能が存在します。
これにより、gmailが強制的にHTMLメールのテキストのフォントサイズや画像の幅を本来の数値より大きく表示することがあり、崩れを引き起こすことがあります。
また、androidとiOSでも表示が異なることがあり、andoridのgmailで見た時のみフォントが肥大化するなどのバグが見受けられます。
明確な原因は不明ですが、どうやらHTMLメールで使用されている画像の幅が関係ありそうです。
対処法
以下実際にandroidのgmailのみ崩れてしまった際、表示崩れが直った対処法です。
-
すべてのimgタグにwidthを設定する
-
すべてのimgタグにstyle="display:block;"を設定する
自動サイズ変更はユーザーの設定で無効にすることもできるため、どうしても崩れが修正されない場合はユーザーに自動サイズ変更の設定を無効にする手順を伝えるのも一つの手かもしれません。
参考：Gmailで予約確認書のレイアウトが崩れるときの対処法【Android】 | ウィラコレ！