"全屏" <iframe> .

当我使用下面的代码来创建一个iframe:

<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>

iframe并没有一直延伸——一个10px的白色“边框”围绕着iframe。我怎么解决这个问题呢?

这是这个问题的一个图像:

当前回答

你可以使用这段代码:

  <iframe src="http://example.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0%;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>

2021-02-20 12:35:19

其他回答

尝试添加以下属性:

scrolling="no"

2012-05-16 13:21:33

用下面的代码代替它:

    <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>

2012-12-03 22:21:01

正文在大多数浏览器中都有默认的边距。试一试:

body {
    margin: 0;
}

在带有iframe的页面中。

2010-10-20 21:32:16

使用帧边缘= " 0 "。下面是一个完整的例子:

    <iframe src="mypage.htm" height="100%" width="100%" frameborder="0">Your browser doesnot support iframes<a href="myPageURL.htm"> click here to view the page directly. </a></iframe>

2012-07-22 09:56:10

你也可以使用viewport-percentage长度来实现:

5.1.2. 视口百分比长度:“vw”，“vh”，“vmin”，“vmax”单位 viewport-percentage长度相对于初始包含块的大小。当初始包含块的高度或宽度发生变化时，它们将相应地缩放。

其中100vh代表视口的高度，100vw代表宽度。

例子

身体{ 保证金:0;/*重置默认margin */ ｝ iframe { 显示:块;/* iframe默认内联*/ 背景:# 000; 边界:没有;/*重置默认边框*/ 身高:100 vh;/*视口相对单元*/ 宽度:100大众; ｝ < iframe > < / iframe >

这在大多数现代浏览器中都是支持的-可以在这里找到支持。

2015-01-08 04:07:11

"全屏" <iframe> .

推荐文章

最新文章

标签