我有一个幻灯片，它是使用 jQuery 触发的，并在 ul 中循环显示图像。图像使用 CSS 设置样式以绝对定位为重叠，并且它们随意淡入和淡出。
问题
作为响应式设计的一部分，我给每张图片设置了 100% 的最大宽度，并为 ul 设置了静态高度，当然，图片会根据屏幕尺寸改变高度。
解决方案
可以在加载图像后使用 jQuery 检查图像的大小并相应地调整 ul 的大小 - 但这会在加载图像时导致令人讨厌的闪烁。
有 CSS 解决方案吗？
通过这个 jsFiddle 解释了很多：http: //jsfiddle.net/eddturtle/vvsDh/1/
您可以通过使用背景图像来提出一些建议，因为 CSS3 有一个“背景大小”属性，您可以将其设置为“覆盖”。这是文档。
我可能会做的是隐藏您的图像列表，而是为每个过渡创建一个图像持有者并设置它的 CSS 背景属性。让这个新的持有者淡入，并使用 fadeIn 函数的回调从 DOM 中删除以前的持有者。如果您需要我，我可能会为您编辑小提琴并运行此解决方案。
编辑***
来吧，伙计。这应该完全按照您的需要工作。就像现在一样，背景图像被设置为覆盖，这将确保图像填满整个区域。如果要确保显示整个图像并限制比例，请使用包含。您需要做的就是将父级#slideshow 高度调整到您需要的高度。