根据窗口大小调整div大小

最新推荐文章于 2021-11-30 17:15:03 发布

北方的刀郎

最新推荐文章于 2021-11-30 17:15:03 发布

阅读量2.8k

点赞数

分类专栏： jquery学习

本文链接：https://blog.csdn.net/forest_fire/article/details/50944423

版权

jquery学习专栏收录该内容

69 篇文章 0 订阅

订阅专栏

根据窗口大小调整div大小

  
  <script type="text/javascript" src="js/jqbase.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	function go(){
		function hei(){
			var hei = 0;
			if (window.innerWidth)wid = window.innerWidth;
				else if ((document.body) && (document.body.clientWidth))wid = document.body.clientWidth;
			if (window.innerHeight)hei = window.innerHeight;
				else if ((document.body) && (document.body.clientHeight))hei = document.body.clientHeight;
			if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth){ 
				hei = document.documentElement.clientHeight; 
				wid = document.documentElement.clientWidth; 
			}
	        $("#banner").css("height",hei+"px");
		}
		hei();
		$(window).resize(function(){
			hei();
		})
	}
	go();
}); 

      
      
</script>