Картинка на 1-й экран

Question

[RussianMan]

Привет, ребятки.
Как сделать так чтоб на лендинге 1-й экран всегда был занят строго одной картинкой?
мол человек открывает сайт, видит 1ю картинку на весь 1-й экран, скролит вниз и дальше уже другие части лендинга.
Спасибо.

Answer 1

[Юрий Лобанов]

alvarotrigo.com/fullPage

+

в каждый див пихайте одну картинку. Это если лень самому все делать.

Answer 2

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

у элемента, который является у вас картинкой

element{
  width: 100vw; /* или 100% */
  height: 100vh;
/* и/или height вычислять в js через document.body.clientHeight и там же задавать 
 $('element').height(document.body.clientHeight); на ready и resize function*/
}

и/или это значит изначально вычисление через vh не будет 100% кроссбраузерным, к нему можно добавить js, а при ресайзе вызвать сам бог велит

Answer 3

[Виталий Желтяков]

width:100%; height:100%;
Для картинки, а для родительских элементов (в том числе html и body) размеры не заданы.

Answer 4

[Quber]

Ну средствами javascript имхо можно. Сначала измеряете высоту и ширину окна (используйте document.window). затем при помощи jquery наделяем нашу картинку высотой и шириной равной этой. + можно добавить свойство в css backgorund:cover