Bxslider可变/增量宽度

Question

我试图使一个滑块（使用bxSlider）类似于this one。

似乎包含滑块的div改变其宽度在根据用户的浏览器的宽度相等增量。换句话说，所述div从未切断图像部分，它总是显示完整图像或隐藏它。

有谁知道这是如何工作？

Answer 1

您可以使用media queries

对于你必须知道你的形象有多宽的，所以你可以计算滑块容器的宽度。

只是一个简单的例子 - 你的图像是200像素宽。因此，对于800到1000像素之间的屏幕，您的图像容器必须是800px - 只有4张图像可以无裁剪。为1000和1200像素之间的屏幕 - 1000px，所以5个图像配合等