У меня есть картинка. Как сделать, чтобы при уменьшении экрана, она не меняла высоту, а ширина при этом обрезалась?
Например (и неважно с применением какого bootstrap), высота не меняется, а по ширине обрезается:
.img-wrap {
overflow: hidden;
}
/* Центрирование картинки */
.img-wrap img {
display: block;
position: relative;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
}
<div class="img-wrap">
<img src="https://static.pexels.com/photos/248797/pexels-photo-248797.jpeg" alt="">
</div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Подскажите скрипт или что-то еще подобное, чтобы при загрузке страницы скролл был всегда внизу, те
Мне необходимо создать pattern цепи расположенный вдоль линииЯ попытался создать markers в форме звена цепи, но возникли проблемы с ориентацией...