基本的jQuery Slider(bjqs)响应问题

Question

我正在使用这个基本的jQuery Slider(bjqs),并试图让它响应地工作.他们的更新日志说它的响应性是"beta",所以我猜这就是为什么它有点好看.

这是我正在实现的滑块的URL:http://test.hetzelcreative.com/hybrid/

它基本上有两个问题,它们都与以小屏幕尺寸(手机宽度)加载页面有关:

1. 图像不按比例加载,不适合100%
2. 当您向上调整浏览器的大小时,定位会变得混乱,甚至开始复制图像并垂直堆叠.页面刷新修复了这一点,但当然这是不可接受的

另外,bjqs-1.3.min.js我的宽度设置为854px,高度设置为481px.它最初设置为400x300或其他东西.我想知道这是否是我问题的根源.如果我删除那些w&h属性虽然整个事情都不起作用.

Answer 1

我建议设置滑块类的宽度以匹配插件的最大宽度。

即在这种情况下，您的分辨率为 100%，它应该是 854px。

然后添加overflow:hidden;到滑块类中，这样就不会获得您所说的堆栈效果。