Задать вопрос
@ProMaks
html

Обрезать картинку по высоте экрана CSS?

Здравствуйте.
Застрял на моменте.. Имеется DIV и имеется изображение, которое не должно превышать высоту экрана.
Нужно чтобы картинка была резиновой по отношению к высоте монитора и чтобы она его не превышала. После div'a должен идти еще один div. Надо это все как-то сделать "резиновым". Абсолютные значения не очень подходят, потому что картинка может меняться, как и её размеры.
Что-то похожее - это position: fixed, но мне не нужна фиксация изображения.
Что посоветуете? :)
  • Вопрос задан
  • 4505 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
s104
@s104
Используйте vh единицу измерения: jsfiddle.net/o8ajw1k0
caniuse.com/#feat=viewport-units
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 2
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
htmlbook.ru/css/background-size

cover

Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
Ответ написан
Комментировать
Комментировать
tetra
@tetra
Человек оркестр 
#content {  
    height: 100%;
 
}


#content img{
    max-height:100%;
    
}
<body>

    <div id="content">
        <img src="images/abc.jpg">
    </div>      

</body>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro
23 дек. 2024, в 00:27
20000 руб./за проект
Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro
23 дек. 2024, в 00:15
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы