js屏幕自适应浏览器高度

最新推荐文章于 2024-07-19 09:33:15 发布

zhangrui_web

最新推荐文章于 2024-07-19 09:33:15 发布

阅读量4.9k

点赞数 2

分类专栏： js 文章标签： JS 前端开发 css html 浏览器

本文链接：https://blog.csdn.net/zhangrui_web/article/details/70738263

版权

js 专栏收录该内容

27 篇文章 5 订阅

订阅专栏

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
	body{
		margin:0;
		padding:0;
	}
  </style>
 </head>
 <body>
	<div id="test" style=" background:#999;"></div>
 </body>
</html>
<script type="text/javascript">
	autoheight();
	function autoheight(){
		var winHeight=0;
		if (window.innerHeight)
			winHeight = window.innerHeight;
		else if ((document.body) && (document.body.clientHeight))
			winHeight = document.body.clientHeight;
		if (document.documentElement && document.documentElement.clientHeight)
			winHeight = document.documentElement.clientHeight;
		document.getElementById("test").style.height= winHeight +"px";
	}
	window.οnresize=autoheight; //浏览器窗口发生变化时同时变化DIV高度
</script>