@kachurinets

Можно ли заполнить так картинки с помощью css?

Есть фиксированный контейнер, в который может попадать картинка с шириной, которая меньше, чем контейнер и наоборот с шириной которая больше чем контейнер. Нужно сделать так чтобы в первом случае выравнивалось по ширине на 100%, а во втором по высоте 100%.
Результат по ссылке, но можно ли это сделать, без навешывание дополнительного класса, чтобы это определялось автоматически и выбирало нужный вариант.
https://jsfiddle.net/m8h9uepw/
  • Вопрос задан
  • 55 просмотров
Пригласить эксперта
Ответы на вопрос 1
@r_mustang
.container {
  width: 130px;
  height: 250px;
  border: 2px solid black;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы