问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
little_prince
    631116

    clipboard.png

    clipboard.png

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

    javascriptcsshtml5
    阅读 2.7k
    1 个回答
    得票最新
    头像
    叁千世界
      1k1110
      ✓ 已被采纳

      跟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>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题