Есть ли аналог background-size: cover для Img?

#html #css #css3

Можно ли сделать такое же выравнивание изображения img,  как это делается с помощью
background-size: cover?

Видел решения с помощью object-fit, также смотрел другие вырианты, но ни одно не
работает. Можно ли сделать без object-fit?
    

Ответы

Ответ 1

Свойство object-fit прекрасно работает. Скорее всего вы неправильно его применяли
или смотрели в IE. Ниже привожу пример правильного использования свойства:



#bg{
    height: 100vh;
    width: 100%;
    position: relative;
}
#bg img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}