The iframe nested web page is displayed in full screen, and the code has been implemented

Two ways: directly copy and use, modify the address to use

None of the above<!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>

Guess you like

Origin blog.csdn.net/weixin_45959525/article/details/122346819