div内にiframeを収めようとしています。私の問題は、divの幅の100%にネストすることができないように見えることです。iframeのピクセル幅を指定する必要があります。div内にiframeをフィッティングする
iframeをdivの「内側」にして、divをサイズの小さいブラウザでサイズ変更するとiframeのサイズが変更されるようにしたいと思います。
これは私のコードです:
<div class="row-fluid">
<div class="span9" id="standard">
<div class="header-box">
<p class="header" >Bla Bla Header</p>
</div>
<div id="wrap">
<iframe id="frame" src="https://docs.google.com/a/...."frameborder="0"></iframe>
</div>
</div>
(more things in the row)
</div>
とCSS:以下
#wrap { width: 1130px; height: 100%; padding: 0;
overflow: hidden; position:relative;}
#frame { width: 100%; height: 100%;
border: 1px solid black; position:relative; }
#frame {
zoom: 0.75;
-moz-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}
は、ブラウザのサイズが変更されたhappenswhenものです。 @better_use_mkstempによって提供されたリンクに基づいて
チェックアウトここでの答え:http://stackoverflow.com/questions/6634582/ how-to-resize-iframe-parent-window-resizesあなたの 'wrap' divの正確なサイズ幅を定義しているため、問題が起きている可能性があります –
問題は、divが固定位置を持つことを望みません。 wrap divの正確なサイズを定義する理由は、ブラウザが通常のサイズのときにdivがdivに完全に収まるようにするためです。写真は、ブラウザのサイズを小さくするとどうなるかを示しています。 – Julia