2

IFRAME で構成されるページを構築しようとしています。それぞれの高さは 40px です。これらのステータス バーを提供するために、Twitter ブートストラップの navbar クラスを使用しています。

問題は、IFRAME の高さを自動的にサイズ変更して、ブラウザー ウィンドウ全体を占めるようにしたいことです。上部の 40px と下部の 40px を差し引いたものです。

4

3 に答える 3

4

ありがとう。それはうまくいきました。これは私がしました：

 <script>
 $(function() {
   window.updateIframe = function() {
     var h = $(window).height();
     $("#iframe").height(h - 80);
   }
   window.updateIframe();
   window.resize(window.updateIframe);
 });
 </script>
于 2012-08-18T18:58:29.603 に答える
4

はい。上部と下部に高さ 40px の空の divposition:absolute top:0;をbottom:0それぞれ と で作成し、中間部分を伸ばす div を作成します。

おそらく jquery `$(window).height(); を使用する必要があります。ブラウザ ウィンドウの高さを取得します。

あなたが小さなJSに反対していないことを願っています

于 2012-08-18T18:48:28.877 に答える
2

最後の行は次のようになります。

window.resizeTo(window.updateIframe);
于 2013-05-06T21:32:46.120 に答える