私は iOS 用の Gmail アプリがレスポンシブ メールをどの程度までサポートしているかに注目しました。Android 版ではサポートされていないことが明らかなようです: Gmail アプリでのレスポンシブ メール (Android)
しかし、iOS 用の Gmail アプリはどうでしょうか。
Campaign Monitor から直接取得されるデフォルトのテンプレートを使用して動作をテストしたところ、アプリは Web バージョンのみを表示します。
乾杯
私は iOS 用の Gmail アプリがレスポンシブ メールをどの程度までサポートしているかに注目しました。Android 版ではサポートされていないことが明らかなようです: Gmail アプリでのレスポンシブ メール (Android)
しかし、iOS 用の Gmail アプリはどうでしょうか。
Campaign Monitor から直接取得されるデフォルトのテンプレートを使用して動作をテストしたところ、アプリは Web バージョンのみを表示します。
乾杯
Gmail のどのバージョンも<style>
タグをサポートしていないため、Gmail でインライン化できないメディア クエリが作成されます。
クライアント間でより一貫性のあるものが必要な場合、ほとんどの人は流動的なレイアウトを使用します. ただし、これにより、単一列の設計にかなり制限されます。Outlook で通常の 600 ピクセルの電子メールのように見えるように最大幅のメディア クエリを設定できますが、幅が 600 ピクセルより小さいすべてのデバイスのサイズが変更されます。
それが役立つことを願っています。
Gmail アプリは、ヘッダーからすべての css を削除しているようです (ブラウザー バージョンと同じ方法)。そのため、メディアクエリ ベースのレスポンシブ ニュースレターはサポートされていません。
詳細はこちらhttps://www.campaignmonitor.com/forums/topic/7288/gmail-ios-app-ignores-meda-declaration-in-css/
これは役立つかもしれません: http ://www.emailonacid.com/blog/details/C13/the_android_mail_app_and_css_class_declarations
Gmailが<style>タグを削除すると(正しく)述べている人もいます。これはAndroidとiOSのGmailアプリにも当てはまると思います。
ただし、Android用のネイティブメールアプリはそうではないようです-そしてそれが私が提供したURLのすべてです。
補足:彼らはそれについて言及していませんが、<style>タグにmedia = "all"を配置して、同じ結果を得ることができると確信しています(<link>を使用したり、@ mediaを<内に配置したりするのとは対照的です)スタイル>)。
乾杯。