iframe嵌套网页全屏显示，已实现有代码

最新推荐文章于 2024-04-11 17:21:10 发布

W Y L

最新推荐文章于 2024-04-11 17:21:10 发布

阅读量1.1k

点赞数 3

文章标签： css3 html css

本文链接：https://blog.csdn.net/weixin_45959525/article/details/122346819

版权

两种方式：直接复制使用修改地址即可使用

没有上面的<!DOCTYPE html>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
		<title>iframe全屏测试</title>
	</head>
	<body scroll="no" style="margin:auto">
		<iframe 
			frameborder="0" 
			width="100%" 
			height="100%" 
			scrolling="auto" 
			style="margin: 0px;" 
			src="">
		</iframe> 
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body,
			html {
				height: 100%;
				margin: 0;
			}

			.fullScreen {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
		</style>
	</head>
	<body>
		<iframe id="iframe_view" class="fullScreen embed-responsive-item container well well-small span6"
			style="height: 100%; width: 100%; background-color: #2e2e2e;" src="" frameborder="0"
			scrolling="no" allowfullscreen></iframe>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

W Y L

关注关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
iframe嵌套网页全屏显示，已实现有代码

两种方式：直接复制使用修改地址即可使用没有上面的<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>iframe全屏测试</title> </head> <body scroll="no" style="margin:auto"> &l
复制链接

扫一扫