iframe在Chrome中未正确调整大小

我有一个iframe元素，其大小在Safari 5.1.5中正确，但不在Chrome中。iframe在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中，该元素看起来不如预期，这样的：

Safari snapshot

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

在Chrome中，该元素看起来更短，与Safari的结果进行了比较：

enter image description here

而且，调整浏览器窗口不会改变iframe元素的大小。

有什么我想我的iframe设置，铬不喜欢？谢谢你的建议。

来源

2012-03-30 Alex Reynolds

iFrame的父元素是否有指定的高度？ – Kyle 2012-03-30 10:36:15

也许，我可能会完全离开这里，因为您在iframe和css中指定了大小，Chrome会占用80％的80％吗？ – Rvervuurt 2012-03-30 10:46:24

如果您使用的是html5文档类型，请删除marginheight，marginwidth和scroll，这些在html5中不受支持。http://www.w3schools.com/html5/tag_iframe.asp – 2012-03-30 12:18:10

-1

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

我将我的iframe包裹在DIV中并添加了参数“display：block;”并且“div：position：absolute”也是iframe标签。我认为那两个匪徒在哪里。（也添加额外的iPad的webkit FS）

工程就像一个魅力！

来源

2013-08-14 16:37:31 sov

iframe在Chrome中未正确调整大小

回答

相关问题