拉伸图像

Question

好吧，所以我在滑块内有一个图像，但它没有正确缩放。

它首先很小然后伸展。我想让它一直拉伸。如何实现？

查看截图（忽略第二个屏幕截图中的红色）：

和css：

.slider-wrapper { 
    width: 310px; 
    height: 580px;
      background: url("images/S4.png") center center ;
background-size: contain;
   background-repeat: no-repeat;        
}
.nivoSlider {
    position:relative;
    width:268px;
    height:474px;
    top:51px;
    bottom:0px;
    left:21px;
    right:23px;
    overflow: hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    width:268px;
    height:474px;
}

指向该页面的链接：

http://oneapptheme.github.io

Answer 1

你可以试试这个： -

.nivoSlider3 img{height:100% !important;}

Answer 2

在图像的css文件中使用... background-size：100％;