Как растянуть картинку (тег Img) на всю ширину экрана не меняя высоты?
Нужно растянуть картинку в теге img на всю ширину (выравниване по центру) при этом сохраняя ее изначальную высоту? Т.е. по ширине показывается не вся часть. а только та, которая попадает под размеры экрана.
Т.е. также как при использовниии background url() center no-repeat;
- Вопрос задан более трёх лет назад
- 10264 просмотра
Комментировать
Решения вопроса 3
Обитаю в 1С-Bitrix
родителю задайте overflow: hidden;
А картинке нужный размер в пикселях.
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Андрей Хохлов @andrhohlov
Блок с position:relative и overflow: hidden
Картинке position: absolute и внутрь этого блока, по его центру
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
ASP.NET программист
А чем использование бэкграунда не устраивает?
Можно использовать контейнер (div к примеру), и указать ему overflow:hidden
Ответ написан более трёх лет назад
issssrt @issssrt Автор вопроса
Я использую слайдер, который в теге li>img прописываются изображения. Фишка в том что он подгоняет высоту по ширине 100%, а мне по макету нужно высоту строго как в оригинале. Либо найти подходящий слайдер .