特定環境でのHTMLメルマガの表示崩れについて

Android(docomoキャリア)でHTMLメールをレイアウト崩れなく表示させたい。

Android(docomoキャリア)宛にHTMLメールを送信したところ、添付画像のように、コンテンツ(黒枠部分)の横幅が縮まって表示されました。

コンテンツは横幅100%指定で、PCブラウザではウィンドウ幅に応じて可変するようになっています。

※HTMLメルマガのスクショ
(https://ddjkaamml8q8x.cloudfront.net/questions/2023-11-19/51ee4238-b92f-42c5-9c81-aa2782a913ef.jpeg)

考えられる原因に心当たりある方がお見えでしたらご回答よろしくお願い致します。

ビューポートを<meta name="viewport" content="width=device-width, initial-scale=1.0">と指定しているのですが、
initial-scale=1.0が悪さをしているのでしょうか?

コメントを投稿

0 コメント