求助，关于网页里图片自适应的代码

<section class="banner">
<div id="slide" >
<a id="btnLeft" href="javascript:void(0);" ></a>
<a id="btnRight" href="javascript:void(0);" ></a>
<!--when change next image:style="left: -(n-1)*800px;"-->
<ul>
<li><img src="images/arsbanner_01.jpg" alt="" height="100%" width="100%"/></li>
<li><img src="images/arsbanner_02.jpg" alt="" height="100%" width="100%"/></li>
<li><img src="images/arsbanner_03.jpg" alt="" height="100%" width="100%"/></li>
<li><img src="images/arsbanner_04.jpg" alt="" height="100%" width="100%"/></li>
</ul>
<div id="ico" class="ico">
<a class="active" href="javascript:void(0);"></a>
<a href="javascript:void(0);"></a>
<a href="javascript:void(0);"></a>
<a href="javascript:void(0);"></a>
</div>
</div>
<div class="container">
<div class="bannerText">
<div class="row">
<div class="col-lg-12">
<h2>谢谢谢谢谢谢谢谢</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<p>啧啧啧啧啧啧啧啧啧啧啧啧</p>
</div>
</div>
</div>
</div>
</section>

还需要什么回下我给复制过来 多谢各位大佬了

就是_01_02_03_04那几张图 是轮播效果的

有人吗

还是说滚动图不能自适应啊