Bxslider变量/增量宽度

Question

我正在尝试制作类似于this one的滑块（使用bxSlider）。

似乎包含滑块的div会以相等的增量更改其宽度，具体取决于用户浏览器的宽度。换句话说，div从不会部分地切断图像，它总是显示整个图像或隐藏它。

有谁知道这是如何运作的？

Answer 1

您可以使用media queries

为此您必须知道图像的宽度，以便计算滑块容器的宽度。

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