.images{
display: flex;
justify-content: space-between;
}
.images div{
background: #ccc;
height: 400px;
text-align: center;
width: 48%;
}
img{
background: black;
height: 300px;
width: 300px;
object-fit: contain;
object-position: center;
}
.support_ie img{
font-family: 'object-fit: contain; object-position: center;';
}
.not_support_ie img{
}
<!-- -->
objectFitImages();
IE対応(font-familyで指定している)
IE未対応
【css】imgタグをbackgroundのように扱える「object-fit」プロパティ
2020/06/20