如何根据视口大小调整元素的高度？

Question

我有一个Bootstrap 3应用程序和一个包含Google地图的页面。我想根据视口高度的百分比调整地图的高度。目前我的高度硬编码为400px（见下文）。但是，我想使用大约75％的视口高度。有没有办法可以做到这一点？

<div class="row">
    <div id="googleMap" style="height:400px;"></div>
</div>

Answer 1

特别使用视口单元和vh。对于旧版浏览器，只需使用polyfill：http://html5polyfill.com/。我将它用于我的网站，效果很好。