@Drommer

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

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

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


Чёрное дно (контейнер картинки) не должно показываться при уменьшении.
63cf32bc4cf2414980c6fa17cf5b8af1.png
  • Вопрос задан
  • 1724 просмотра
Решения вопроса 1
@Drommer Автор вопроса
Всё, уже решилось

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

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

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