css - 在Firefox中奇怪的图像拉伸
问题描述:
我目前正在测试出img标签的CSS。在铬看起来不错,但是当我在Firefox中查看它时,最后一张图像被拉伸。我不确定有什么问题。以下是我的jsfiddle,当您在Chrome和Firefox中查看它时,您可以看到其中的差异。css - 在Firefox中奇怪的图像拉伸
.thumbContainer img{
margin: 0 auto;
max-width:100%;
max-height:100%;
object-position: 50% 50%;
object-fit: fill !important;
}
'display:-moz-box' and'display:box'?这是一个8/9年的规格升级2倍...更新你的代码到'flexbox',一切都会按预期工作(你甚至可以省去'-moz'前缀...... –