前段时间写前端遇到一个问题，就是因为首页banner用的是div-background的方式书写的，所以涉及到让div去自适应浏览器的大小

今天我把我实现的代码贴出了，有需要的同学可以试一试

<script type="text/javascript">            
$(function(){//改变div的高度    
var innerHeight = window.innerHeight-95; 
//window的高度，即手机的高度                
$(".banner-con").height(innerHeight);                
//改变div的宽度            
});        
</script>
<div class="banner">
<div class="banner-con">
<div class="slider">
<div class="slide" style="background-image: url('picture/banner_01.jpg');"></div>
<div class="slide" style="background-image: url('picture/banner_02.jpg');"></div>
</div>
</div>
</div>