我正在测试Bxslider，但是当浏览器窗口变大或变小时它没有调整大小。它应该立即响应，但它没有。我附上我的代码的一部分给你们看：
这就是：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.min.js"></script>
<script src="http://cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.css"></script>
<div id="slider">
<ul class="bxslider">
<li><img src="images/1.jpg" ></li>
<li><img src="images/2.jpg" ></li>
<li><img src="images/3.jpg" ></li>
</ul>
</div>
这是CSS：
div#slider {
width: 100%;
max-width:100%;
display:block;
overflow: hidden;
position:relative;
z-index:1;
margin:0 auto;
}
.bx-wrapper img{
max-width: 100%;
display:block;
}
div.bx-controls-direction > a.bx-prev{
position: absolute;
top: 50%;
right: 96%;
margin-top: -10px;
color: white;
}
div.bx-controls-direction > a.bx-next{
position: absolute;
top: 50%;
left: 96%;
margin-top: -10px;
color: white;
}
div.bx-pager-item{
float: left;
display: inline-block;
/*position: absolute;
top: 239px;*/
}
a.bx-pager-link{
padding: 0 20px;
}
最后是js代码：
$(document).ready(function(){
$('.bxslider').bxSlider();
});