Сделать высоту элемента окна браузера

Я хочу получить высоту браузера моего клиента и поместить его в свой css.Сделать высоту элемента окна браузера

Вот мой главный HTML:

<div class="picture" id="picture1"> 
    <div class="parallax"><img src="assets/img/header-wrap-bg.jpg"></div> 
</div>

картина классовая структура:

.picture { 
    height: /*(Here i wanna place browser height)*/; 
}

и это мое событие:

<body onresize="HeaderResize()">

, как я могу это сделать?

источник

2017-01-22 Sepehr Norouzi

'высота: 100vh'? – haim770

yeap :) thanx ... @ haim770 –

Вы можете использовать vh viewport-height units:

.picture { 
    height: 100vh; 
}

Здесь все они:

vw: 1/сотой видовых ширина

vh: высота 1/сотой видовой экран

vmin: 1/100-я наименьшая сторона

vmax: 1/100-й крупнейшей стороны

Заметим, что это не является технически высота браузера, а его высота окна просмотра:

окно просмотра видимую область пользователя на веб-странице. Окно просмотра зависит от устройства и будет меньше на мобильном телефоне, чем на экране компьютера.

источник

2017-01-22 18:36:19 theonlygusti

Чтобы сделать элемент, чтобы соответствовать вашему полноэкранный режим, используйте ниже свойства CSS,

.picture { 
 
    position: absolute; 
 
    top:0; 
 
    right:0; 
 
    bottom:0; 
 
    left:0; 
 
    margin: auto; 
 
}

источник

2017-01-22 21:39:21 Sakthivel

Сделать высоту элемента окна браузера

ответ

Смежные вопросы