当我使用下面的代码来创建一个iframe:
<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>
iframe并没有一直延伸——一个10px的白色“边框”围绕着iframe。我怎么解决这个问题呢?
这是这个问题的一个图像:
当前回答
你也可以使用viewport-percentage长度来实现:
5.1.2. 视口百分比长度:“vw”，“vh”，“vmin”，“vmax”单位 viewport-percentage长度相对于初始包含块的大小。当初始包含块的高度或宽度发生变化时，它们将相应地缩放。
其中100vh代表视口的高度，100vw代表宽度。
例子
身体{ 保证金:0;/*重置默认margin */ ｝ iframe { 显示:块;/* iframe默认内联*/ 背景:# 000; 边界:没有;/*重置默认边框*/ 身高:100 vh;/*视口相对单元*/ 宽度:100大众; ｝ < iframe > < / iframe >
这在大多数现代浏览器中都是支持的-可以在这里找到支持。
其他回答
用下面的代码代替它:
<frameset rows="100%,*">
<frame src="-------------------------URL-------------------------------">
<noframes>
<body>
Your browser does not support frames. To wiew this page please use supporting browsers.
</body>
</noframes>
</frameset>
尝试添加以下属性:
scrolling="no"
你也可以使用viewport-percentage长度来实现:
5.1.2. 视口百分比长度:“vw”，“vh”，“vmin”，“vmax”单位 viewport-percentage长度相对于初始包含块的大小。当初始包含块的高度或宽度发生变化时，它们将相应地缩放。
其中100vh代表视口的高度，100vw代表宽度。
例子
身体{ 保证金:0;/*重置默认margin */ ｝ iframe { 显示:块;/* iframe默认内联*/ 背景:# 000; 边界:没有;/*重置默认边框*/ 身高:100 vh;/*视口相对单元*/ 宽度:100大众; ｝ < iframe > < / iframe >
这在大多数现代浏览器中都是支持的-可以在这里找到支持。
将这个添加到你的iframe中可能会解决这个问题:
frameborder="0" seamless="seamless"
希望能有所帮助。
正文在大多数浏览器中都有默认的边距。试一试:
body {
margin: 0;
}
在带有iframe的页面中。
