css - 如何根据视口(viewport)大小调整元素的高度？

Question

我有一个 Bootstrap 3 应用程序和一个包含 Google map 的页面。我想根据视口(viewport)高度的百分比调整 map 的高度。目前我将高度硬编码为 400px(见下文)。但是，我想使用大约 75% 的视口(viewport)高度。我有办法做到这一点吗？

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

Answer 1

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