javascript - 如何使图像随页面调整大小

Question

我有一个显示图像的 jQuery slider ，我正试图让它响应。这是带有确切示例的代码笔:http://codepen.io/anon/pen/plvsq

如您所见，如果浏览器变小或变大，图像不会重新调整大小。我试过使用

img { max-width: 100%; height: auto; }

但这没有任何作用。我正在尝试在本网站上实现类似调整横幅大小的效果:http://codepen.io/anon/pen/plvsq

Answer 1

.sliderItem { float: left; position: relative; width:100%;}
.sliderItem div { min-width: 100%; width:100%}
.sliderItem img { min-width: 100%; width:100%;}