我正试图在一个div里面安装一个iframe.我的问题是,我似乎无法让它嵌套到div的100％的宽度,我需要指定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;
}
以下是浏览器调整大小时发生的情况.
