Iframe 高度自适应浏览器高度

最新推荐文章于 2023-04-12 10:09:10 发布

jxdwuao

最新推荐文章于 2023-04-12 10:09:10 发布

阅读量130

点赞数

分类专栏： Css

本文链接：https://blog.csdn.net/jxdwuao/article/details/84078654

版权

Css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

公司开发的程序需要适应在不同的分辨率下的高度。

使用我使用 Iframe 的 style="height:100%;" 但是没效果。

Iframe 设置了高度 100% 是根据外部容器的高度设置的，所以，首先要设置好 Body 的高度。

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>教员换班</title>
		<%@include file="/common/jspi/jsAndCss.jspi"%>
		<style type="text/css">
	    html,body{ height:100%; margin:0px; padding:0px;}
	    .box{ height:100%; width:100%;}
	    </style>
	</head>
	
	<body>
		<div class="box">
				<div class="title_table" style="width:96%">
					<span>教员换班</span>
				</div>
				<table cellspacing="0" cellpadding="0" style="width:96%; height:95%;">
				<s:form id="querySimulatorTeaForm"
					action="simulatorRes/queryForSimulatorStuSimlist.do" method="POST" target="simListFrame">
					<tr>
						<td align="center" style="width:70%; height:100%;" valign="top">
							<table class="table_form" style="width:100%;height:150px;">
								<tr>
									<td align="center" valign="middle">
										<input type="checkbox" id="selall" οnclick="doCheckClick()"/>全选
									</td>

									</td>
								</tr>
							</table>
							<iframe id="simListFrame" name="simListFrame" src="queryForSimulatorTeaSimlist.do" scrolling="auto" align="top"
							 style="width: 100%; height:72%;"></iframe>
						</td>

					</tr>
				</s:form>
				</table>
				
		</div>

	</body>
	
	
</html>

这样，设置好了Iframe 的高度自适应,

jxdwuao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Iframe 高度自适应浏览器高度

公司开发的程序需要适应在不同的分辨率下的高度。使用我使用 Iframe 的 style="height:100%;" 但是没效果。 Iframe 设置了高度 100% 是根据外部容器的高度设置的，所以，首先要设置好 Body 的高度。 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content...
复制链接

扫一扫

专栏目录