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

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

Здравствуйте.
Застрял на моменте.. Имеется DIV и имеется изображение, которое не должно превышать высоту экрана.
Нужно чтобы картинка была резиновой по отношению к высоте монитора и чтобы она его не превышала. После div'a должен идти еще один div. Надо это все как-то сделать "резиновым". Абсолютные значения не очень подходят, потому что картинка может меняться, как и её размеры.
Что-то похожее - это position: fixed, но мне не нужна фиксация изображения.
Что посоветуете? :)
  • Вопрос задан
  • 4476 просмотров
Комментировать
Подписаться 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>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Отрисовать дизайн страницы "Календарь мероприятий" для школы бизнеса
20 апр. 2024, в 16:12
1000 руб./за проект
Разработать англоязычную версию корпоративного сайта на Statamic
20 апр. 2024, в 15:58
1500 руб./в час
Запись обучающих роликов и написание по машинному обучению
20 апр. 2024, в 15:40
3000 руб./за проект
Ещё заказы