Javascript 响应幻灯片-我无法处理css

我想使用responsiveslides.js。它的工作原理，但我不知道如何改变css，以获得滑块100%的宽度和没有利润。有人能帮我吗？ 这里是responsiveslides.css

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

在我的身体里：

<div id="sliderdiv">
                <ul class="rslides" id="slider1">
                <li><img src="../css/images/one.jpg" alt=""/></li>
                <li><img src="../css/images/two.jpg" alt=""/></li>
                <li><img src="../css/images/three.jpg" alt=""/></li>
                </ul>
            </div>

与

滑块{ 宽度：100%； 高度：300px； 填充：0px； }

现在看起来是这样的：

试试这个，可能有用

.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

---

因为高度将是自动的，例如：250px；并且将保持不变。

您可能在选项中设置了maxwidth

$(".rslides").responsiveSlides({  
    maxwidth: "", <- LOOK FOR THIS
});

---

如果是这种情况，删除该行应该可以解决此问题。

这与上面发布的内容相同。这是什么！[sliderdiv？那是输入错误，抱歉，纠正了这一错误。我已经删除了它，在css中设置了宽度100%和高度20%，它使横幅变大，达到了半屏幕大小的高度，几乎是全宽度。有边距。