响应式多图轮播,里面的图片可以设置成百分比宽度吗

现在想要实现一个多图轮播,并且是响应式的。
如图:

clipboard.png
想要再浏览器宽度缩小时,图片一直是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>
阅读 2.1k
1 个回答

把你那个宽度为100000pxdiv元素去掉。

推荐问题