Javascript 如何使固定高度的Nivo滑块具有响应性？

我有一个问题，我希望可以通过CSS解决，而不是修改jQuery代码本身

我有一个固定高度和响应宽度的nivo滑块。当窗口变小时，图像会收缩以显示100%的图像宽度。这很好，我喜欢这个特性，但是窗口越小，图像的高度就越接近，无法填充滑块

我希望nivo滑块保持原样，直到图像的高度与滑块的高度相同。然后，我希望滑块从

width: 100%;
height: auto;

致：

---

是否可以强制img仅使用CSS填充滑块？我需要使用“媒体屏幕”吗？一旦分辨率足够小，我就用它来交换？这需要我知道图像的高度以及问题的开始分辨率？

有机会看到实时版本吗？不可能。仍在开发中：（但如果打印屏幕有帮助，我可以提供。代码只是默认的nivo滑块，固定高度设置为220px。

height: 100%;
width: auto;