html - 为什么这个 iframe 大小没有调整为 100%?

标签 html css iframe

假设以下页面包含 iframe

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" media="screen" href="/public/stylesheets/main.css">
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body style="min-height: 100; margin: 0px">
        <iframe src="testpage.html" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%">
    </body>
</html>

启动时,iframe 似乎只加载 testpage.html 中的部分文本。如何让 iframe 显示 testpage.html 的全部内容?

最佳答案

htmlbody 高度也设置为 100%。

html, body { height: 100%; }

您可能(或可能不需要)还需要将 iframe 上的 display 设置为阻止:

iframe { display:block; }

关于html - 为什么这个 iframe 大小没有调整为 100%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12963424/

相关文章:

javascript - 使 IFrame 动态调整大小

javascript - 是否可以有一个后退按钮?

javascript - jquery mobile 中的点击事件

php - 显示表中的 MySQL、PHP 过滤结果?

Php 包含带有指向 css 的链接的头部不起作用

css - 内联 block div 与 margin-bottom 表现得很奇怪

html - HTML 中鼠标悬停问题上的框阴影

javascript - 没有用于跨源 iframe 的不安全内联注册 onload 处理程序的 CSP

css - 是否有 CSS 父级选择器?

javascript - 为什么我的播放按钮不起作用?