现在想要实现一个多图轮播,并且是响应式的。
如图:
想要再浏览器宽度缩小时,图片一直是4个,但是因为在实现这个轮播的时候,4个图的外层div有一个是佘定成width=1000000px;所以图片的div设置成width:20%;就实现不了。
有什么方法可以实现吗?
<div id="1" width:100%>
<div id="2" width:100000px;><!--放一堆长图-->
<div id="3" width:100%><!--这个div设相对于第一个div的宽度的百分百-->
<div width:25%><img src=""></div>
<div width:25%><img src=""></div>
<div width:25%><img src=""></div>
<div width:25%><img src=""></div>
</div>
</div>
</div>
把你那个宽度为
100000px
的div
元素去掉。