Задать вопрос
@Drommer

Как сохранить пропорции img по высоте?

Нужно засунуть img в див так, чтобы при сужении браузера картинка не плющилась и не уменьшалась по высоте, но стояла на месте и обрезалась по границам дива.

.slide__pic {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
    background: #0c0c0c;
}
.slide__img {
  position: absolute;
    left: 0;
}


Чёрное дно (контейнер картинки) не должно показываться при уменьшении.
63cf32bc4cf2414980c6fa17cf5b8af1.png
  • Вопрос задан
  • 1729 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@Drommer Автор вопроса
Всё, уже решилось

.slide__img {
    min-width: 700px;
    position: absolute;
    left: 50%;
    margin-left: -352px;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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