iframe未在Chrome中正确调整大小

Question

我有一个iframe元素，在Safari 5.1.5中可以正常显示，但在Chrome中却没有。

此元素的CSS为：

iframe {
  overflow: hidden; 
  width: 100%;
  height: 80%;
  border: 1px solid #DEDEDE;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

HTML是：

<iframe marginwidth="0" marginheight="0" scrolling="no" src="foo" height="80%" width="100%"></iframe>

在Safari中，元素看起来像预期的那样：

如果我调整浏览器大小，iframe会调整大小。

在Chrome中，与Safari结果相比，该元素看起来缩短了很多：

此外，调整浏览器窗口大小不会更改iframe元素的大小。

我的iframe设置是否缺少某些内容，但Chrome不喜欢？谢谢你的建议。

Answer 1

我认为我在这里找到了解决方案，在Mac上的Chrome和Firefox上都遇到了同样的问题。

我将iframe包装在DIV中并添加了参数“display：block;”以及div和iframe标签的“position：absolute”。我认为那两个罪魁祸首。 （还为iPad添加了额外的webkit FS）

就像一个魅力！