使浏览器窗口的元素高度为

我想让我的客户端的浏览器高度并将其放入我的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()">

我怎样才能做到这一点？

'高度：100vh'？ – haim770

yeap :) thanx ... @ haim770 –

.picture { 
    height: 100vh; 
}

在这里，他们都是：

vw：1/100的视口宽度

vh：1/100的视口高度

vmin：1/100的最小边

vmax：1/100的最大侧

请注意，这不是技术上浏览器的高度，相反，它是视口的高度：

视口用户的网页可见区域。视窗因设备而异，在手机上比在电脑屏幕上小。

2017-01-22 18:36:19 theonlygusti

为了使您的元素，适合你的全屏，使用下面的CSS属性，

2017-01-22 21:39:21 Sakthivel

回答