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

Question

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

我想要一个响应全宽滑块.随着浏览器窗口宽度的减小,我想首先保持滑块高度不变(因此只会切割滑块图像的两侧).在某个断点之后(当浏览器窗口的宽度与我站点上的内容包装器的宽度相同时),只有这样我才能让滑块垂直变小.这样,滑块在较小的设备上不会变得非常薄.我希望我能很好地解释自己.

我设法在我的网站上使用单个图像作为背景,使用透明的.gif,宽度为1120 x 500:https: //www.easterisland.travel/

我知道有可能使用cssSlider,因为他们在第一页顶部滑块(http://cssslider.com/)上有这个功能,但是没有选择使用cssSlider可执行程序选择它.

有线索吗？谢谢!

Answer 1

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

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

我发现 cssSlider 程序可以通过正确的设置自动生成我正在寻找的行为。您所需要做的就是将所需的断点设置为图像宽度，并选中“全宽度”。