Как настроить высоту блока с img, равной высоте экрана?

Question

[Альберт Рашитов]

Здравствуйте. Есть див, в нем img. Из-за размеров картинки блок начинает скролить вниз.
Какие css параметры необходимо задать диву/картинке, чтобы блок вписывался по высоте экрана и никогда не скролился?
P.S. Если я мыслю в правильном направлении, то надо либо:
- сжимать картинку по высоте экрана;
- обрезать картинку по высоте экрана.
Спасибо за внимание.

Answer 1

[Eugene Obrezkov]

img {
    max-height: 100%;
    min-height: 100%;
    height: 100%;
    width: 100%;
}

И соответственно у дива должны быть размеры.

UPD: Можете только по высоте или по ширине делать 100%.

Comments

[Альберт Рашитов]

Спасибо!

Answer 2

[Ольга Стогова]

есть еще свойство
background-size: cover;
если вы зададите картинку как bg, то она всегда будет вставать по размерам дива