Jquery 如何降低响应滑块的高度

我有一个响应滑块，我需要在其中更改滑块图像的高度和布局的其余部分应与原始布局相同。但我无法更改滑块的高度

下面是基本的css

.skdslider{
 width:100%;
position: relative;
display: block;
overflow:hidden;
}

这是我创作的小提琴

我还没有添加图像，但它的高度都是

860px

请帮帮我

更新：

.skdslider ul.slide-navs {
bottom: 20px;
left: 50%;
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
}


.skdslider ul.slide-navs li {
float: left;
background: url("image/slide-bg.png") no-repeat scroll 0 0 transparent;
height:12px;
width:12px;
margin-right:4px;
cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
background: url("image/slide-bg-active.png") no-repeat scroll 0 0 transparent;
 }

在css中，您有以下代码：

.skdslider ul.slides li img{
width: 100%;
height:100%;
border:0;
}

在这里，降低高度百分比并检查。在这种情况下，浏览器的开发人员模式很有用

希望这能有所帮助。
好的，我已经试过了。它可以工作，但是像和这样的图片会在页面下方显示，我希望它看起来像以前一样。这可能是因为位置：realtive in.skdslider。使用绝对位置并检查。好的，根据你的建议，除了我在更新的帖子中发布的css之外，我已经让它按照我想要的方式工作。在这里，我希望这个导航显示在屏幕上。另外，我更改的高度是
75%
从
100%
你想把导航带到前面吗？他们藏起来了吗？