Фиксированная ширина и высота фотографии с тегом img, возможно ли?

Question

[lavezzi1]

Добрый день.
Знаю, что для div это возможно сделать, с такими параметрами:

.res {
    background-image: url(url);
    width: 294px;
    background-size: cover;
    height: 197px;

И картинка подстраивается под этот размер и не вылезает за рамки. Но есть необходимость в использовании только img. Как провернуть такой трюк? Верстаю на Bootstrap, если это поможет.

Answer 1

[Андрей Гончаров]

Для img можно следующий css:

object-fit: fill;
object-fit: contain;
object-fit: cover;
object-fit: none;
object-fit: scale-down;

Но это очень плохо поддерживается иешкой.

Comments

[lavezzi1]

Попробовал, вообще ничего не изменилось, указал диву фикс ширину и высоту, а к имг применял данные свойства, не работает

[Андрей Гончаров]

без дива, прост у img например так:
img{
width: 100px;
height: 100px;
object-fit: cover;
}

Answer 2

[Денис Инешин]

С img так точно не провернуть. Можно добиться похожего эффекта, если знаешь точный размер контейнера.
Пример: jsfiddle.net/IonDen/xtz9145a