非常に長い話ですが、私のクライアントは、私に彼にiosエミュレーターのようなものを構築して、それをサイトに配置することを望んでいました。このように、彼のクライアントがたとえばxyz.comにアクセスすると、iosシェル(中央がios電話から切り取られた写真)とそのシェル内のサイトが表示されます。彼は実際の機能を本当に望んでいませんでした。彼が望んでいたのは、モバイルデバイスでWebサイトがどのように表示されるかをクライアントに示すことができることだけでした。
そうは言っても、これは簡単なはずだと思います。iframeサイズをiosモック画面サイズ(320 x 480など)まで上げ、ソースを彼がすでに構築したモバイルサイトを指すようにします。それだけです。彼がすでに持っているモバイルサイトは柔軟な幅を持っているので、それはうまくフィットするはずです........
問題は、iphone(4s / 3gs)とIPADで、iframeのコンテンツが正しく機能しないことです。幅はiPad/iPhoneのウィンドウの外に出ます。幅を設定したことがないように動作します。クリックすると、そのiframe内に存在しません。かろうじてクリックすることはできますが、スクロールすることはできません。
私が(友人のドロイド電話で)さらにテストを行ったとき、そして私のサミーギャラクシータブ8.9と7.1では、視覚的には問題なく表示されますが、内部をクリックすることはありません。
私は「iOSのiframeの問題」とさまざまなクエリをグーグルで検索しましたが、具体的なことは何もないので、私はプロに来ます。
私が何を意味するのか見たい場合に備えて。これが私が作ったものの実例です...あなたがコードを見れば、何も派手ではありません。文字通り、iframeとそのソース。
念のため、念のため、彼がすでに他の人から入手したモバイルサイトのソースを変更し、それを自分のポートWebサイトに変更しました。同じことです。
ここにリンクがありますhttp://somdowprod.net/4testing/411/index2
私の質問は、IFRAMEとモバイルデバイスの扱いはどうですか?標準のPCでの動作方法を表示するためにそれらのいずれかを取得できないようです。
私は多くの異なるデバイス/マシンでテストしましたが、すべてのデスクトップは問題なく、正常に動作します。ほとんどすべてのモバイルデバイスで、それはノーゴです。
編集-問題は、特にIOSで、幅/高さを受け入れないことのようです...しばらくして、iframeを別のdivでラップし、iframeプロパティを指定して、オーバーフロースクロールを強制することにしました...。 ...見た目が良くなり、ボタンをクリックできますが、divはスクロールしません。
ヒント、リンクなど、ありがたいです。
前もって感謝します。