html - 将 html 调整为 iframe 大小

Question

所以我有这个问题。我正在尝试在 iframe 中调整和 html，我一直在思考这个问题。 Html 包含一个图像 slider ，我的目标是图像 slider 填充整个 iframe。

这是 iframe 的 html，以 index1.html 为目标:

<iframe height="520px" width="100%" src="index1.html" name="frame" style="border: none"></iframe>

这是控制 index1 图像 slider 尺寸的 css

body{
    padding: 0px;
    margin:0px;
}

#container{

width: 1298px;
height: 520px;
padding: 0px;
margin-top:0px;
margin-left:0px;

}

#slider{
position: center;
overflow: hidden;
width: 1298px;
height: 520px;
padding: 0px;
margin-top:0px;
margin-left:0px;
}

每次我尝试调整图像 slider 及其容器的高度时，第 i 帧都会创建一个滚动条。

我得到的结果如下: please view image

红色标记的灰色区域是 iframe 的剩余部分，我无法将图像幻灯片放入其中。

我该怎么做？

Answer 1

使用 scrolling="no" 或 overflow: hidden;

<iframe height="520px" width="100%" src="index1.html" name="frame" scrolling="no" style="border: none; overflow: hidden;"></iframe>

您可能应该看看“index1.html”的某些部分是否比图像 slider 宽。注意边距、填充和边框。在你尝试我上面的建议之前，我会调查这个，因为如果有部分内容被隐藏，它可能会在以后给你带来问题。