私は現在、私たちのビジネスで予定されているイベントの eDM を作成しています。これを目的としたレスポンシブボイラープレートを使用しました。
これは 2 列のレイアウトで、デバイスの幅が 600px 未満の場合 (メディア クエリを使用)、1 列のレイアウトに折りたたまれます。
ブラウザーでプレビューすると、見栄えがよく、すべてが意図したとおりに機能します。携帯電話 (Sony Z2 - Gmail アプリ) で表示すると、いくつかの点が正しく表示されません。上部の黒いバナーが全幅ではありません。最初の「Hard Word」セクションは全幅ではなく、テキストの一部が紫色になっています。
これは Gmail アプリの問題ですか？
携帯電話のデフォルトのメール クライアントと iOS を使用しても問題ないようです。
申し訳ありませんが、スタック オーバーフローでコード要素が破損するため、コードを投稿できません。ごめん。ソースを調べてみてください。
どんな助けでも大歓迎です！
以下のスクリーンショットをご覧ください