Javascript 将iframe调整为小于默认宽度/高度的值_Javascript_Iframe

Javascript 将iframe调整为小于默认宽度/高度的值

javascript iframe

Javascript 将iframe调整为小于默认宽度/高度的值,javascript,iframe,Javascript,Iframe,我有一个iFrame <iframe src="pageToLoad.html" onLoad="autoResize(this);"></iframe> 它工作得很好除非iFrame应小于300px 150px，否则默认情况下，这两个值将生效。我创建了一个来显示问题，似乎300px 150px是iFrame的默认值。任何人都知道我如何解决这个问题，所以我可以使用大小为200px x 670px或980px x 70px的iFrame？我刚刚意识到我需要先在CSS

我有一个iFrame

<iframe src="pageToLoad.html" onLoad="autoResize(this);"></iframe>

它工作得很好

除非iFrame应小于300px 150px，否则默认情况下，这两个值将生效。
我创建了一个来显示问题，似乎300px 150px是iFrame的默认值。

任何人都知道我如何解决这个问题，所以我可以使用大小为200px x 670px或980px x 70px的iFrame？

我刚刚意识到我需要先在CSS中设置iFrame的最小宽度和高度（200px x 70px）。如果scrollHeight/scrollWidth返回的值低于默认值（300px 150px），则将应用返回的值。

根据我的经验，这很好，并且不是基于限制。您可能没有正确管理内容页的高度和宽度

请包括

pagetLoad.html

的源代码

另外：解决此问题的专业提示：在担心javascript之前，先对iframe的宽度和高度进行硬编码

例如：

<iframe src="pageToLoad.html" style="height: 50px; width: 50px;"></iframe>

然后，您可以确认您的浏览器允许您在不测试javascript的情况下缩小默认的宽度和高度。一旦您确认了这一点，请修复您的javascript

在发布内部页面之前无法知道，但在iframe加载内部页面之后，内部页面可能正在增长。您还可以尝试在内部页面的正文中混用高度和宽度。例如，此pageToLoad.html与自动调整大小方法配合使用：

<!DOCTYPE html>
<html>
<head><title>iframe test</title></head>
<body style="height: 50px; width: 50px;">
INNER PAGE
<script>
</script>
</body>
</html>


iframe测试
内页

<!DOCTYPE html>
<html>
<head><title>iframe test</title></head>
<body style="height: 50px; width: 50px;">
INNER PAGE
<script>
</script>
</body>
</html>