响应全宽cssSlider-保持高度直到断点

我想在www.cssSlider.com上购买cssSlider的许可证，但我需要先让它工作

我想要一个反应灵敏的全宽滑块。随着浏览器窗口宽度的减小，我希望首先保持滑块高度不变（因此仅剪切滑块图像的侧面）。在某个断点之后（当浏览器窗口的宽度与我的站点上内容包装的宽度相同时），我才希望滑块在垂直方向上也变小。这样，滑块就不会在较小的设备上变得非常薄。我希望我能解释清楚

我在我的网站上使用了一张图片作为背景，使用了一个宽度为1120 x 500的透明.gif：

我知道cssSlider是可能的，因为他们的第一个页面顶部滑块（）上有这个功能，但是cssSlider可执行程序没有选择这个功能

---

有什么线索吗？谢谢大家!

对于较小的屏幕，他们在媒体查询中将容器高度设置为自动。然后，它们似乎根据屏幕宽度提供不同的图像。所以它看起来像是“响应图像”

根据您是否关心IE、您的服务器配置以及您是否了解php或javascript等，响应图像可能会很复杂。以下是一些信息：

替代解决方案：您可以使用vw和vh的较新css3装置。
vw和vh是视口的百分比。浏览器对此的支持大致相当于对css3滑块的支持，所以您应该可以

尝试替换他们的媒体查询，如下所示：

@media only screen and (max-width: 800px) {
    .csslider1, .csslider1 > ul {
        height: 75vh; max-height:450px;
    }
}

---

最后，我发现这是正确的代码：

@media only screen and (max-width: 1500px) {
    .csslider1,
    .csslider1 > ul {
        height: auto;
    }
}

---

我发现cssSlider程序可以自动生成我所寻找的具有正确设置的行为。您只需将所需断点设置为图像宽度，并选中“全宽”。

感谢您的回复！不过，这样做是为了在该断点之后增加滑块容器的高度，因此控件最终位于滑块外部。