响应式图像仅在浏览器刷新时缩放
Responsive images only scale on browser refresh
您好，我在使用 jQuery 循环的响应式图片库方面遇到问题。
我的 fiddle 在这里 - https://jsfiddle.net/qxyodctm/5/
<html>See jsfiddle</html>
您只会在刷新浏览器时看到图像调整大小并正确限制它们的比例 - 但在浏览器缩放时它们不会相互重叠并且宽度和高度错误。
有人帮忙吗？
非常感谢
是您的滑块插件给您带来了如此多的痛苦。 jQuery 自动将内联样式设置为 Ul.slides position: relative; width: 580px; height: 432px;，这当然是在页面首次加载时设置为浏览器的宽度，但在页面大小更改时不会更新.
一般来说，这不是一个太大的问题，因为通常只有那些正在测试响应能力（并调整浏览器大小）的人才能看到它，但它会为那些刚刚访问的人正确加载他们的平板电脑或其他任何东西（顺便说一下，t/can不会调整他们的浏览器大小）。
如果您想修复它，您必须创建一些您自己的 javascript 代码来选择 ul.slides 并在调整页面大小时更改宽度。
我已经更新了图库以使用新的 jQuery 循环库 -'cycle2' 并且看起来效果很好。我会尽快更新 jsfiddle 以反映。
您好，我在使用 jQuery 循环的响应式图片库方面遇到问题。
我的 fiddle 在这里 - https://jsfiddle.net/qxyodctm/5/
<html>See jsfiddle</html>
您只会在刷新浏览器时看到图像调整大小并正确限制它们的比例 - 但在浏览器缩放时它们不会相互重叠并且宽度和高度错误。
有人帮忙吗？
非常感谢
是您的滑块插件给您带来了如此多的痛苦。 jQuery 自动将内联样式设置为 Ul.slides position: relative; width: 580px; height: 432px;，这当然是在页面首次加载时设置为浏览器的宽度，但在页面大小更改时不会更新.
一般来说，这不是一个太大的问题，因为通常只有那些正在测试响应能力（并调整浏览器大小）的人才能看到它，但它会为那些刚刚访问的人正确加载他们的平板电脑或其他任何东西（顺便说一下，t/can不会调整他们的浏览器大小）。
如果您想修复它，您必须创建一些您自己的 javascript 代码来选择 ul.slides 并在调整页面大小时更改宽度。
我已经更新了图库以使用新的 jQuery 循环库 -'cycle2' 并且看起来效果很好。我会尽快更新 jsfiddle 以反映。