是否有办法使 object-fit
与 min-height
一起使用?
可以参考此jsfiddle示例。
如果我设置了固定的 height
,它可以工作,但如果我设置了 min-height
,它就不起作用。
HTML:
<div class="container">
<div class="b_feat_img">
<img src="http://i.imgur.com/iEJWyXN.jpg">
</div>
</div>
CSS:
.container {
width:120px;
}
.b_feat_img {
border: 1px solid green;
background: red;
float: left;
height: auto;
min-height:130px;
margin-bottom: 10px;
overflow: hidden;
width: 100%;
}
.b_feat_img img {
object-fit: cover;
height: 100%;
width: 100%;
}