Как сделать заглавный экран лэндинга во всю ширину и высоту?

Question

[Dmitry Buravtsov]

Как сделать заглавный экран у посадочной страницы во всю ширину и высоту при любом размере окна браузера. Пример: takprosto.biz/im-za-vikh-i2-50

Answer 1

[seredaes]

html, body {
height:100%;
width:100%;
padding:0px;
margin:0px;
margin:0px;
}

а теперь для вашего блока задайте
.block {
width:100%;
height:100%;
}

Answer 2

[Сергей Горячев]

Достаточно для блока задать:

block {
width:100vw;
height:100vh;
}

Comments

[vvvadimos]

а потом плеваться если где-то не работает

[Павел Воронюк]

vvvadimos: это где ж это не будет работать? Насколько я знаю все браузеры поддерживают vw и vh

[Сергей Горячев]

vvvadimos: ну, извините, IE6 поддерживать не собирался, не собираюсь и, надеюсь, никогда не соберусь
на дворе 2016 год, выход vh и vw датируется 2010-2011, поэтому равняться на тех, у когго браузер 2010 года я не намерен)

[Сергей Горячев]

Павел Воронюк: IE 6-8 :)

[Павел Воронюк]

Sergey: соглашусь с вашим коментом про 2016год) уважающий себя вэб-девелопер не будет поддерживать ие ниже 9 )

[vvvadimos]

Павел Воронюк: уважающий себя)) если бы вы имели веб-бизнес, тогда бы так не думали

[Павел Воронюк]

vvvadimos: ну я не думаю что вы о бо мне что то знаете) и сомневаюсь что в вашем веб-бизнесе трата ресурсов на поддержку старых браузеров прибыльна, скорее наоборот)

Answer 3

[stamdyscias]

Можешь прописать id например

#first{
width: 100%; /*это ширина растянется на 100%*/
height:100%; /*это высота на 100%*/
}

А после у тебя будет div в котором будет твой самый первый экран и там пропишешь

div id="first"
тут первый блок
/div

Comments

[Павел Воронюк]

Уже много раз писалось что для стилей крайне нежелательно использовать ид. представьте себе css в несколько тысяч строк и задумайтесь с какой скоростью он прогрузится

[stamdyscias]

Павел Воронюк: Я сначала класс хотел написать, но написал ид, а исправлять лень было) Тут главное принцип, только что класс можно много раз использовать, а ид один раз