私は主に iphone ユーザー向けのレスポンシブ メールの設計に取り組んでおり、IOS メールはメディア クエリをサポートしていますが、何らかの理由で IOS メールはメール全体を縮小してポート サイズを表示し、本質的にレスポンシブではないことがわかりました。
以下のようにメタタグを設定しました
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" />
それでも、レスポンシブクエリはアクティブになりません。
Outlook からメールを送信しています。Google android gmail アプリでテストしましたが、メールは応答しているため、メディア クエリを削除する Outlook のケースではありません。
まず、メールにメタ タグを付ける必要はありません。(Web バージョンに同じ html ファイルを使用している場合にのみ、これを含めます。)
2 つ目 - この問題が発生している理由は、Outlook で送信しているためです。どの年を使用しているかはわかりませんが、outlook は送信前にメールの頭の中のすべてを削除する可能性があります。
mailchimp.com にアクセスして無料アカウントにサインアップし、そこから送信して問題が解決しないかどうかを確認します。
レスポンシブ HTML メールを何年も作成してきましたが、なぜ問題が発生しているのかわかりません。
Outlook は、HTML メールを送信する優れた方法ではありません。これがキャンペーンの電子メールまたは電子ニュースレターである場合は、実際の ESP (電子メール サービス プロバイダー。つまり、MailChimp、キャンペーン モニターなど) を通じて送信する必要があります。
コード サンプルを提供していただければ、正確に何が問題なのかについての洞察を提供できるかもしれません。