如何使滑块具有响应能力

How to make slider responsive?

本文关键字：响应 能力 何使滑      更新时间：2023-09-26

我找到了这个教程：如何制作滑块我试图更改.slider { width: 100%;}和li {width: 100%;}，以使其具有响应性，但不起作用。知道如何让它做出反应吗？

将width:100%添加到.slider and .slider > ul以及

有这个javascript

this.ul.style.width = (this.li[0].clientWidth * this.li.length) + 'px'

由于li向左浮动，UL宽度被设置为每个li宽度*li项目的数量

因此，在本教程中，UL宽度为1600px，当您将其设置为100%并将li设置为100%时，您将只剩下一个li项目。

你到底想做什么？

相关文章：