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

Question

我制作了一个简单的滑块，效果很好，但我不能在不损失比例的情况下使图像适合div。它必须非常简单，但我无法做到。

你能帮忙吗？

Here是代码

非常感谢提前。

#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%;使其成为max-width: 100%;

Demo

同样，您也可以使用max-height属性，但如果您希望img延伸100%宽，那么img将延伸。