如何制作具有固定高度响应的Nivo滑块?

时间:2014-07-15 23:26:53

标签: javascript jquery html css image

我有一个问题,我希望可以用CSS解决,而不是修改jQuery代码本身。

我有一个固定高度和响应宽度的nivo滑块。当您缩小窗口时,图像会缩小以显示图像宽度的100%。这很好,我喜欢这个功能,但窗口越小,图像的高度就越接近滑块。

我希望nivo滑块按原样运行,直到图像的高度与滑块高度相同。然后我希望滑块从

交换
width: 100%;
height: auto;

为:

height: 100%;
width: auto;

是否可以强制img只用CSS填充滑块?我是否需要使用"媒体屏幕"所以一旦分辨率足够小,我可以使用它进行交换吗?这需要我知道图像的高度以及问题从哪个分辨率开始?

0 个答案:

没有答案