モバイル ブラウザーとして動作するために iframe が必要な学校のプロジェクトに取り組んでいます。これまでのところ、背景画像として iPhone を使用し、iframe を iPhone の画面に従って配置しましたが、ページを読み込むとデスクトップ バージョンのページが読み込まれます。
ページのモバイル バージョンを読み込むにはどうすればよいですか。また、メタ ビューポートを使用する可能性はありますか?
モバイル サイトに専用の URL (m.mysite.com) がある場合は、iframe をその URL に向けるだけです。確かに、あなたはそれについて考えていたと思います。
ある種の検出とレスポンシブ デザインの別のケースでは、検出方法が何であるかによって異なります。ユーザー エージェントをスニッフィングしている場合、iframe だけのユーザー エージェントを変更する方法を見つけることができませんでした。
他のチェックを使用してモバイル バージョンをレンダリングしている場合は、それが可能であると仮定して、iframe に存在する必要があります。
また、viewport メタ タグは、ページのレンダリング方法を指示しますが、サイトのバージョンを強制的に切り替えることはできません。