подскажите как можно сделать?
есть картинка большая горизонтальная, она вставляется в блок.
Должно получиться так, что картинка растягивается по родительскому блоку на 100%, а вертикально согласно пропорциям + там где картинки не должно быть должна быть белая пустота.
Пытался стилями сделать(w:100% h:auto), что-то не очень получилось. Кажется css достаточно будет.
скрин того что хочу увидеть приложил
Картинку перенес в background
.
Добавил стили:
height: 250px;
background-color: inherit;
background-size: 100% auto;
background-image: url(/upload/iblock/5bc/5bc8b08….jpg);
background-repeat: no-repeat;
background-position: center;
Проблема решена
Проблема решена
Проверь-ка эту проблему при вертикальной картинке. А потом попробуй просто этот стиль:
{
background-position: center;
background-size:contain;
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Я пытаюсь анимировать SVG в теге image / object, но анимация не работает
Хочу сделать плавное смещение изображения на определенное количество пикселей при нажатии, моментальное перемещение уже написал, теперь...