我有一个简单的Bootstrap3页面,有一些现有的行,我想插入一个全屏高度的新行。
最好的(最清洁和兼容)方法是什么?我会说使用CSS3的新“高度:100vh”可以解决问题,但在相当多的浏览器中它仍然是doesn't seem to be supported。
在搜索时,我遇到了各种各样的技巧和魔法,包括使用jquery或插件,但我想知道是否只有一个简单的css属性或Bootstrap3类可用于此?
请注意,我的页面不仅包含这一个全高行,我有几个动态大小的行包含随机内容,现在我想插入一个必须是全屏高度的新行。
答案 0 :(得分: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