3

非常に長い話ですが、私のクライアントは、私に彼に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はスクロールしません。

ヒント、リンクなど、ありがたいです。

前もって感謝します。

4

2 に答える 2

1

html5を使用しているようです。iframeの「シームレス」属性を調べてください(iframeが含まれているドキュメントの一部であるように見えるように指定します)

http://www.w3schools.com/tags/tag_iframe.asp

于 2012-04-09T18:01:08.527 に答える
0

これを解決する方法はあると思います。こちらをご覧ください: https://discussions.apple.com/message/19780023#19780023

デスクトップではうまく機能しない場合があるため、iframe に幅と高さを追加する必要がある場合もあります。

于 2014-08-27T02:13:52.657 に答える