嗨,我在使用jQuery循环的响应图像库中遇到问题。
我的小提琴在这里-https://jsfiddle.net/qxyodctm/5/
<html>See jsfiddle</html>
只有当您刷新浏览器时,您才会看到图像正确地调整大小并约束它们的比例,但在浏览器缩放时,它们不会相互重叠,宽度和高度错误。
有人帮忙吗?
非常感谢
是你的滑块插件给你带来了很多痛苦。jQuery会自动将内联样式设置为Ul.slides position: relative; width: 580px; height: 432px;
,当然,在首次加载页面时会将其设置为浏览器的宽度,但在页面大小更改时不会更新。
一般来说,这并不是一个太大的问题,因为通常只有那些测试响应能力(并调整浏览器大小)的人会看到这一点,但对于那些只在平板电脑或其他设备上访问的人来说,它会正确加载(顺便说一句,不会/不能调整浏览器的大小)。
如果你想修复它,你必须创建一些你自己的javascript代码,它可以选择ul.slides并在页面调整时更改宽度。
我已经更新了库,使用了新的jQuery循环库"cycle2",看起来效果很好。我将很快更新jsfiddle以进行反思。