css - 插入全显示高度的 bootstrap3 行？

Question

我有一个简单的 Bootstrap3 页面，其中包含一些现有行，我想插入一个全屏高度的新行。

执行此操作的最佳(最干净且兼容)方法是什么？我会说使用 CSS3 的新“height:100vh”可以解决问题，但它仍然是 doesn't seem to be supported在相当多的浏览器中。

在搜索时，我遇到了各种技巧和魔法，包括使用 jquery 或插件，但我想知道是否只有一个简单的 css 属性或 Bootstrap3 类可以用于此目的？

请注意，我的页面不仅仅包含这一全高行，我有几个具有随机内容的动态大小行，现在我想插入一个必须是全屏高度的新行。

Answer 1

height:100vh

应该像你说的那样做，IE 9 支持得很好。

编辑:对于 android 用户然后忘记 CSS 使用 Javascript :

var h = document.getElementById("container").offsetHeight; //the parent container or body
document.getElementById("my_100_percent_row").style.height = h + "px"; //the row that must have 100% height