javascript - iframe 为什么加载网页的时候滚动条这样显示？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - iframe 为什么加载网页的时候滚动条这样显示？

仅有的幸福 2017-05-16 13:26:44

[HTML讨论组]

882

请问，问什么`iframe`加载大页面的时候，先出现一个小的滚动条，页面只显示那么多，然后过一会才能显示全部，有什么办法可以直接显示全部么，这样好难看啊。。。

仅有的幸福

全部回复(1)

淡淡烟草味2017-05-16 13:28:44 1楼

跟iframe的大小有关，如果确定iframe的大小而非自适应内容的话，建议设定好iframe的width,height或者:

html, body, iframe {
    width: 100%;
    height: 100%;
}

示例代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        html,body,iframe{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <iframe src="http://www.qq.com/" frameborder="0"></iframe>
</body>
</html>