これが問題です。iframe Webページが必要です。この iframe は、幅と高さの両方に特定のサイズが必要です。これは iOS では機能しません。なぜなら、素敵な iOS はフレームの高さ属性を無視することに決め、強制的にすべてを表示するからです (ジャーク!)。
通常のiframeとして機能させるにはどうすればよいですか？
質問する
26800 次
3 に答える
8
あなたがフレーム付きページを所有しているか、両方の変更にアクセスできる場合は、これを行う方法を見つけました。
iframe されている Web ページを制御する場合、うまく機能することがわかった 1 つの方法は、コンテンツ全体 (IFRAME ではない) を iframe ページ内の直接 div で囲むことです。したがって、タグの直後にタグを配置します。
次に、Safari モバイルをテストし、それが iframe であるかどうかをテストします。
browser_=/iPhone|iPad/i.test(navigator.userAgent);
isInIframe = (window.location != window.parent.location) ? true : false;
この基準を満たしている場合は、フレーム付きページに配置した div の高さを iframe の高さに設定し、div のオーバーフローを auto に設定します。これにより、iframe であるという錯覚が生まれます。
最後に、iframe タグをラップします。
<div style="-webkit-overflow-scrolling:touch; overflow: auto;">
jQuery(window) などを使用する要素がある場合は、window(iframe) が自動的に展開されるため、代わりに DIV を使用するように切り替えてください。iframe は既に展開されているため、あまり役に立ちません。
于 2013-10-29T19:48:58.820 に答える
0
最初に、以下の Iframe のコードを使用しました。これは、iPhone を除くすべての Web サイトと Android mobileapp、iPad で機能します。iPhone でボタンをクリックすると機能せず、css が乱れます。
<iframe class ="holds-the-iframe" src="http://stackoverflow.com" style="width:100%; height:100%;" seamless="seamless" ></iframe>次に、2000px から最大の高さをピクセル単位で使用し、縮小しても機能し、幅 = 100% に設定します。これは、すべてのデバイスで機能します。
<iframe src="http://stackoverflow.com" style="width:100%;height:1500px;"></iframe>
于 2016-11-07T10:54:40.030 に答える