jquery - 图像必须适合 div 而不会丢失比例

Question

我制作了一个简单的滑块，效果很好，但我无法在不丢失比例的情况下让图像适合 div。它一定很简单，但我做错了。

你能帮忙吗？

这是代码

提前谢谢了。

#featuredslider{
    margin: 0 auto;
    margin-bottom:80px;
    width:1080px;
    height: 350px;
    background-color:#FFFFFF;
    display:block;
    position:relative;
    overflow:hidden;
    top:85px;
}
#featuredslider img{
    position:absolute;
    width:100%; 
    height:auto;
    max-height:350px;
}

Answer 1

而不是定义width: 100%;make itmax-width: 100%;

演示

同样的方式，你也可以使用max-height属性，但是如果你想要你img应该伸展100%得更宽，而不是你img会伸展。