我正在尝试制作一个与此类bxSlider
似的滑块(使用)。
似乎div
包含滑块会根据用户浏览器的宽度以相等的增量更改其宽度。换句话说,它div
永远不会部分地切断图像,它总是显示完整的图片或隐藏它。
有谁知道这是如何工作的?
我正在尝试制作一个与此类bxSlider
似的滑块(使用)。
似乎div
包含滑块会根据用户浏览器的宽度以相等的增量更改其宽度。换句话说,它div
永远不会部分地切断图像,它总是显示完整的图片或隐藏它。
有谁知道这是如何工作的?
您可以使用媒体查询
为此,您必须知道图像的宽度,以便计算滑块容器的宽度。
只是一个简单的例子 - 你的图像是 200 像素宽。因此,对于 800 到 1000px 之间的屏幕,您的图像容器必须是800px
- 只有 4 个图像可以不裁剪。对于 1000 到 1200 像素之间的屏幕 - 1000px
,因此适合 5 个图像,等等。